nginx上部署vue项目：访问时报错：404: Connection refused) while connecting to upstream, client: 172.16.54.1,

绝地灬酷狼 2021-09-13 18:12 629阅读 0赞

# nginx上部署vue项目：访问时报错: Connection refused) while connecting to upstream, client: 172.16.54.1, server: localhost, request: “POST /api/accountApi/accoun t/loginAccount HTTP/1.1”, upstream: “http://10.2.0.126:8888/api/accountApi/account/loginAccount”, host: "172.16.5 #

## 一般在nginx.conf中配置不对，跨域访问就会出现404，找不到页面的情况： 如下配置： ##

主要是配置代理那块，这样写就没有问题了：真的是解决好久

server { 
            listen       80;
            server_name  localhost;
    
            #charset koi8-r;
    
            #access_log logs/host.access.log main;
    
            root   html; #配置自己的静态文件的路径，就是刚刚将打包的vue项目上传的路径，我这里是nginx根路径下的html文件中
    
            location / { 
                 # root html;
                index  index.html index.htm;
                try_files $uri $uri/ /index.html;
                #需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404，两种写法，这里需要在下边配置router
               # try_files $uri $uri/ @router;
     
            }
            # location @router{ 
            # rewrite ^.*$ /index.html last;
            #}
    
           # 6、这里是解决跨域问题，将你后端的地址写在proxy_pass 后面就可以了 
           #重点
            location /api/ { 
                #rewrite ^.+api/?(.*)$ /$1 break; #这样写有问题,在网上看有人这样写，发现有问题
                rewrite ^/api/(.*)$ /$1 break;  #必须的写这个，使用nginx的rewrite对uri进行重写 下面这行也要改为api 
                proxy_pass http://10.1.0.111:8888/; #跨域转发路由地址
                proxy_redirect off;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            }
    
            #error_page 404 /404.html;
    
            # redirect server error pages to the static page /50x.html
            #
            error_page   500 502 503 504  /50x.html;
            location = /50x.html { 
                root   html;
            }