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

vuecli3需要变更的地方

vuecli3需要配置的地方vue.config.js

  baseUrl: process.env.NODE_ENV === 'production' ?
    '/my-console/' : '/',

nginx需要更改的地方

root /var/web;
location /my-console/ {# nginx会在/var/web/my-console下找页面
    index index.html;
}

经过测试my-console下不能将页面放到dist文件夹中,样式会找不到 打包上传之后需要将解压缩后dist文件夹中内容移出来

以后如果有多个项目则需要按照此种格式往后累加location

vuepress 部署子目录

为了容易理解,用我的笔记作为实例

需要更改.vuepress/config.js的base为 /note/

然后nginx配置需要更改

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

使得所有路径都访问note下的

vuecli2 部署子目录

  1. index.html head中增加meta标签

    <meta base="/test/">
    
  2. config/index.js文件修改 assetsPublicPath

    assetsPublicPath:'/test/'
    
  3. router创建时候指定base路径

    base: '/lend/',