vue项目在路由history模式下，如何配置二级路由名以及防止刷新空白页。

1、背景

在一些项目中，可能两个项目需要用到同一个域名，但是有一个二级目录作为区分。

2、前端配置

vue.config.js文件中的配置

publicPath: process.env.VUE_APP_SECOND_NAME

.env.development文件中的配置

VUE_APP_SECOND_NAME="/corp/"

路由文件Router.js 中的配置

new Router({
  mode: 'history',
  base: process.env.VUE_APP_SECOND_NAME
})

3、后端配置（nginx部署环境）

server {
  root data/app
  location / {
    try_files $uri $uri/ /corp/index.html;
  }
}

前端打包后的文件放在data/app/corp文件夹下就好了