这篇文章主要介绍了nginx配置多个vue项目的方法以及流程介绍，对此有需要的朋友参考下。

需求

nginx 下配置多个 vue 项目

举例:

blog: https://www.yoursite.com/blog
test: https://www.yoursite.com/test

vue项目中配置

vue-router 设置 base 路径

base: '/blog/'

config/index.js 修改 assetsPublicPath

assetsPublicPath: '/blog/'

nginx配置

location /blog {try_files $uri $uri/ /blog/index.html;}