Vue部署到Nginx二级目录_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:[]
   })
   1
   2
   3
   4
   5

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

   assetsPublicPath: '/myVueProject/'
   1

3. 打包，如：npm run build

Nginx操作

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

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