Vue2.0打包指定路由前缀

【1】修改vue.config.js

如下修改publicPath:

module.exports = {
  publicPath:'/concert',
  lintOnSave: false
}

1
2
3
4
5

【2】修改router/index.js

base指定路由前缀：

const router = new VueRouter({
  mode: 'history',
  base: '/concert', //指定路由前缀
  // base: process.env.BASE_URL,
  routes
})
1
2
3
4
5
6

【3】图片问题

如果读取的图片是在assets下而不是从后端读取，那么此时图片会不显示。需要手动添加路由前缀