vue-element-admin使用npm run build打包后运行index.html白屏问题_vue-element-admin打包

原贴地址：https://blog.csdn.net/qq_36538012/article/details/118788087

1、打开src/router下的index,js，把路由模式改成hash模式，

改成这样：

const createRouter = () => new Router({
  mode: 'hash', // require service support
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes
})
1
2
3
4
5

2、打开vue.config.js文件，找到publicPath: ‘/’,替换成publicPath: process.env.NODE_ENV === ‘development’ ? ‘/’ : ‘./’,

改成这样：

  publicPath: process.env.NODE_ENV === 'development' ? '/' : './',
  // publicPath: '/',
1
2

3、重新执行命令npm run build:prod，打包后的dist文件夹下的index.html打开后就能正常显示了