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