vue 配置二级目录以及nginx多网站配置

1. 在vue.config.js

module.exports = {
  publicPath: '/adm/',  // 二级目录
  devServer: {
    open: true,
    port: 8888
  }
}

2. router中配置

const router = new VueRouter({
  mode: 'history',
  // base: process.env.BASE_URL,
  base: '/adm/',  // 二级目录
  routes
})

3. nginx多网站配置 根据location部署

    server {
        listen       80;
        server_name  localhost;

        location / {  //  前台网站  访问 127.0.0.1
            root   dist;  // 根目录下直接放了一个dist前端代码
            index  index.html index.htm;
            try_files $uri $uri/ /index.html; // 刷新空白
        }

        location /adm { // 后台网站  访问  127.0.0.1/adm
            alias   adm/dist; // 根目录下adm文件夹下有一个dist前端代码
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
    }

注意：
二级目录下 要使用alias 不能使用root