API 接口代理
我们一般做vue的项目都会配置接口代理,比如以 /API 径开头的请求都代理到本机的3000端口
那么问题来了这里的配置只有在本机没打包的时候才有效的,打包之后/API 径开头的请求就不会代理了,上传到服务器后
如何解决呢?
办法来了!!!
我的后台服务是node的,也部署在同一个服务器,开启的是3000端口
看如下nginx配置
server {
listen 80;
server_name www.funxxx.com;
location / {
root /opt/web/dist; #vue项目打包后放的位置 // 当浏览器访问www.funxxx.com的时候路径的指向在根
index index.html index.htm; 目录的/opt/web/dist 路径,
}
location /API/ { # 这里就是和vue本地代理的意思一样,已API开头的路径都代理到本机的3000端口
rewrite ^/API/(.*) /$1 break; #记得两个反斜杆
proxy_pass http://127.0.0.1:3000;
}
}
好了看上面配置后面的注释吧,就这样配置绝逼没问题