nginx配置多个vue项目

发表于 | 分类于 ，

本文主要介绍 nginx 配置多个 vue 项目, 或者也可以说非根目录下的项目配置.

需求

nginx 下配置多个 vue 项目

举例:

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

vue项目中配置

vue-router 设置 base 路径

1
base: '/blog/'

config/index.js 修改 assetsPublicPath

1
assetsPublicPath: '/blog/'

nginx配置

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