nginx部署vue项目报错

nginx部署vue项目报错 We’re sorry but XXX doesn’t work properly without JavaScript enabled

别的情况就不多说了 网上很多
查nginx配置问题

有这么一种情况 跨域问题
vue项目配置文件

devServer: {
    
    
    port: 8090, 
    proxy: {
    
    
      "/agsupport": {
    
    
        target: "http://127.0.0.1:9001",
        changeOrigin: true
      },
      }
      }

这种在nginx的对应配置应该是这样 否则报上述错

location /agsupport {
    
    
            proxy_pass http://127.0.0.1:9001;
        }    

但是 跨域配置还有一种情况 这种

devServer: {
    
    
    port: 8090, 
    proxy: {
    
    
      "/agsupport": {
    
    
        target: "http://127.0.0.1:9001",
        changeOrigin: true,
        "pathRewrite": {
    
    
          "^/agsupport": "/agsupportTest"
        }
      },
      }
      }

这种在nginx再用上诉配置是不会生效的 会报上述错
因为 此时的 agsupport 实际代理的是 http://127.0.0.1:9001/agsupportTest
nginx应该这样配置

location /agsupport {
    
    
           proxy_pass http://127.0.0.1:9001/agsupportTest/;
        }    		

解决

猜你喜欢

转载自blog.csdn.net/qq_42089323/article/details/122979941