Nginx 发布(部署) Vue 项目，作为一个前端程序员

root /usr/local/var/vue/chunk/dist;

匹配协议

location / {

需要指向下面的 @router 否则会出现 Vue 的路由在 Nginx 中刷新出现 404

try_files $uri $uri/ @router;

index index.html index.htm;

}

对应上面的 @router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体的文件

因此需要 rewrite 到 index.html 中，然后交给路由在处理请求资源

location @router {

rewrite ^.*$ /index.html last;

}

代理

location /api/ {

proxy_pass http://10.0.90.164:8086/;

}

}

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。