vue3.0 打包后空白显示

vue3.0 打包后空白显示

新建vue.config.js配置项

module.exports = {
  // 选项...
  publicPath: '/',//关键点

  //是否开启eslint校验
  lintOnSave: false,

  devServer: {
    disableHostCheck: true,
    host: '0.0.0.0',
    proxy: { //配置代理，解决跨域请求后台数据的问题
      '/api': {
        target: productConfig.baseUrl, //后台接口，连接本地服务
        ws: true, //是否跨域
        changeOrigin: true,
        pathRewrite: {
          '^/api':'/'
        }
      }
      
    }
  },

  productionSourceMap: false,

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'stylus',
      patterns: []
    }
  }  
}

调整router配置

模式调整韦hash模式，history模式显示会有问题

const router = createRouter ({
     history: createWebHashHistory(),
     base: process.env.BASE_URL,
   routes,
})