nginx配置实践总结实用(配置一次 动态处理多个vue项目路由)——＜五＞

总结实用(动态处理vue路由)

vue打包 一级路径： /2021-all
nginx 配置
location /2021-all/ {
     alias  /home/2021-all/;
}

前端发布目录:

线上访问:

 http://xxx.xx.xx.xx/2021-all/test_index/index.html

优势:

后面前端发布新项目不需要再重新配置nginx，只需要根据当前规则发布即可，
注意前端静态文件和静态页面不在同一个目录下，是分别在两个文件下。
所以前端打包时候dist可更换成test_index,static更换成test_static（此处）。具体根据情况

细节完善：

vue前端打包的时候设置静态文件名称(一般为static)和包名称(一般为dist)保持一致。
发布时候把static下的文件名称领出来和index同级即可。如下

此时线上访问:

 http://xxx.xx.xx.xx/2021-all/test_index

上一篇：nginx配置实践笔记正则表达式相关＜四＞