场景
- 假设已有站点: http://www.abc.com
- Vue项目需要部署的二级目录
myVueProject
:http://www.abc.com/myVueProject
Vue项目操作
- 在
router/index.js
下加mode
和base
:export default new Router({ mode:'history', base:'myVueProject', routers:[] })
- 在
config/index.js
里找到build
,加上二级目录名:assetsPublicPath: '/myVueProject/'
- 打包,如:
npm run build
Nginx操作
在配置文件的server
节点加上:
location ^~/myVueProject {
alias /www/wwwroot/www.abc.com/myVueProject;
try_files $uri $uri/ /myVueProject/index.html;
}