Vue部署到Nginx二级目录

场景

• 假设已有站点： http://www.abc.com
• Vue项目需要部署的二级目录myVueProject：http://www.abc.com/myVueProject

Vue项目操作

1. 在router/index.js下加mode和base:

   export default new Router({
       mode:'history',
       base:'myVueProject',
       routers:[]
   })
   

2. 在config/index.js里找到build，加上二级目录名：

   assetsPublicPath: '/myVueProject/'
   

3. 打包，如：npm run build

Nginx操作

在配置文件的server节点加上：

location ^~/myVueProject {
        alias /www/wwwroot/www.abc.com/myVueProject;
        try_files $uri $uri/ /myVueProject/index.html;
 }