vue项目nginx配置API 接口代理

vue中配置代理

"/api": {
        target: "http://127.0.0.1:9200",
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }

那么问题来了这里的配置只有在本机没打包的时候才有效的，打包之后/API 径开头的请求就不会代理了，上传到服务器后

如何解决呢？

 

nginx配置

server {
    listen       9000;
    server_name 39.100.100.100;
    location / {

                root   /home/vue/hello-dist/dist;   #dist路径

                try_files $uri $uri/ /index.html last;

                index  index.html;

                add_header Access-Control-Allow-Origin *;

        }

        # 配置代理
        location /api/{
                rewrite ^/api/(.*) /$1 break;   #两个反斜杆
                proxy_pass http://39.100.100.100:9000;
        }
    error_page   500 502 503 504  /50x.html;
        location = /50x.html {
        root   html;
    }
}