同一域名下部署多个vue项目

一、目的

实现同一域名下部署多个项目

eg:www.xxxxx.com/vue1
   www.xxxxx.com/vue2
   www.xxxxx.com/vue3

二、开始动手

1、修改根目录下index.html文件
    添加<meta base="/vue1/">

2、修改config/index.js
    修改 assetsPublicPath: '/vue1/'

3、修改router配置文件
    添加 base: '/vue1/'

三、nginx修改

server {
  listen 8090;
  server_name localhost;
  root /usr/local/web;
  location /vue1 {
    try_files $uri $uri/ /vue1/index.html;
  }
  location /vue2 {
    try_files $uri $uri/ /vue2/index.html;
  }
  location /vue3 {
    try_files $uri $uri/ /vue3/index.html;
  }
}

ok，重启nginx。完事。。。好记性不如烂笔头，记下来也供自己查看。