前后端分离,打包好的前端项目,访问后端404
解决方法:
nginx 增加配置
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
location /prod-api {
proxy_pass http://
xx.
xx.xx.xx:端口号/; # 注意这里结尾的 /
proxy_
set_header X-Real-IP $remote_addr;
proxy_
set_header Host $http_host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_http_version 1.1;
proxy_set_header Connection ;
proxy_buffering off;
proxy_cache off;
chunked_transfer_encoding off;
}
location /prod-api {
proxy_pass http://xx.xx.xx.xx:端口号; # 注意这里结尾的 /
1.proxy_pass的目标地址,默认不带/,表示只代理域名,url和参数部分不会变(把请求的path拼接到proxy_pass目标域名之后作为代理的URL)
2.如果在目标地址后增加/,则表示把path中location匹配成功的部分剪切掉之后再拼接到proxy_pass目标地址
上述两种代理后的url
第一种:
http://xx.xx.xx.xx:端口号+拼接上 url中去掉prod-api 剩下的部分
即为 http://xx.xx.xx.xx:端口号+剩余内容
第二种:
http://xx.xx.xx.xx:端口号+拼接上 url中包含prod-api的部分
即为 http://xx.xx.xx.xx:端口号+prod-api+剩下的内容
拼接内容参考:http://www.tuohang.net/article/236018.html
到此这篇关于nginx代理 url重写的文章就介绍到这了,更多相关nginx url重写内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!
原文链接:https://blog.csdn.net/lth742212836/article/details/123087751
声明: 猿站网有关资源均来自网络搜集与网友提供,任何涉及商业盈利目的的均不得使用,否则产生的一切后果将由您自己承担! 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除,制止非法恶意传播,不对任何下载或转载者造成的危害负任何法律责任!也请大家支持、购置正版! 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报,会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络,如有侵权烦请发送邮件至:2697268773@qq.com进行处理。