Vue项目部署线上后页面空白解决办法, Vue项目打包发布线上后页面空白, 控制台报错解决方案

这里将路由模式改成hash模式

const router = new VueRouter({
    
    
  base: '/',
  mode: 'hash',
  routes,
})

export default router

在Vue2.6 版本 vue.config.js 文件是需要我们自己创建的
创建文件后写下如下代码

module.exports = {
    
    
    publicPath: '/',  // 注意 这里使用 /  如果不行的话  就 ./ 
    outputDir:'dist',  // 包名
    assetsDir:'static/official_website_new'   // 部署资源包的目录
}