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;}
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！