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 ,导致不能正常访问。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐