当遇到不靠谱的后端大哥时，我写的vue项目放到线上接口全部是404，一直说我前端的问题。然而我说nginx要配置反向代理，然后他敲鼓半天还是说我的问题。一气之下，自己学习配置！

vue线上nginx反向代理配置

在之前文章（本地线上vue路由用history刷新会404）里写了vue怎么配置，但没有写反向代理怎么配置。
其实很简单：

location /test/ {
    proxy_pass http://localhost:8080/;
}
location /test/ {
    proxy_pass http://localhost:8080;
}

这两个是有区别的。
1、请求的url是http://ip/test/1.jpg 会被代理成 http://localhost:8081/1.jpg
2、请求的url是http://ip/test/1.jpg 会被代理成 http://localhost:8081/test/1.jpg
在nginx中配置proxy_pass时，如果是按照^~匹配路径时,要注意proxy_pass后的url最后的/。当加上了/，相当于是绝对根路径，则nginx不会把location中匹配的路径部分代理走;如果没有/，则会把匹配的路径部分也给代理走。
一定要多注意是否需要加”/”