单独配置vue项目很简单,但配置vue项目到子目录下,有点复杂,研究和测试之后,实现步骤如下:
vue.config.js中需要配置:
publicPath: '/admin/',
router/index.js中需要配置:
mode: 'history', // 使用h5模式
base: 'admin', // 基本目录为admin
vue项目编译后,需要发布到前端根目录下,目录名admin
nginx配置:
location /admin {
try_files $uri $uri/ /admin/index.html;
}
然后就可以使用http://localhost/admin 访问了。