单独配置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 访问了。