vue-cli3 使用子目录部署显示空白的问题

wylc123 1年前 ⋅ 435 阅读

今天第一次部署项目到服务器，由于后台界面写了个页面放在了根目录，所以只能创建一个新的目录放Vue项目
由于Vue-cli3去掉了原来的build和config相关配置文件，只有一个vue.config.js，所以只需要修改这个文件就OK了，'/webapp' 就是我创建的子目录

module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? '/webapp' : '',
}

另外路由配置记得把model:'history' 去掉，到此就OK了

const router = new Router({
  // mode: 'history',
)}

Vue.use(Router)

export default new Router({
  mode: process.env.NODE_ENV === 'production' ? 'history' : 'hash',
  base: process.env.BASE_URL,

注意：本文归作者所有，未经作者允许，不得转载

#子目录

我有话说: