前后端分离,打包好的前端项目,访问后端404
解决方法:
nginx 增加配置
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:端口号; # 注意这里结尾的 / 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; }
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+剩下的内容
拼接内容参考:https://blog.csdn.net/yk614294861/article/details/102688926