vue项目部署到服务器上,但是后台是别人的服务器,所以我们要利用nginx进行反向代理,将请求发送到别人服务器上。(个人理解,可能不太正确)
这个时候我们就需要辨别哪些是需要发送到别人服务器上的,所以在nginx上进行如下配置
location /prod-api {
proxy_pass baidu.com;
}
例如你发送的url请求,是以/prod-api开头的话,他会帮你把请求发送给这个服务器。此时你的url请求应该就变成了 baidu.com + 你请求的url 例如 baidu.com/prod-api/user/login。
但是这样会产生一个问题,就是baidu.com他监听的url中并没有/prod-api/user/login ,只有/user/login。所以我们需要去删除这个 /prod-api。
此时我们应该将上述代码改为如下
location /prod-api/ {
proxy_pass baidu.com/;
}
在baidu.com后面加入 / 他会在合并url请求时,把匹配到的/prod-api/删除掉。此时你的url路径应该就变成了 baidu.com/user/login,就可以正常访问了。
# 细节
/prod-api/ 和 /prod-api
一定要带上后面那个 / 不然你的路径就会变为 baidu.com//user/login ,导致不能正常访问。
————————————————
版权声明:本文为优快云博主「man杨杨」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.youkuaiyun.com/qq_55269092/article/details/124948103