vue3项目打包遇到问题以及解决方法

问题：vue3 项目打包后，运行起来页面是白的，没有任何东西

解决方法：

在vue.config.js中添加如下代码

module.exports = {
    // 放置生成的静态资源的（outputDir）目录， outputDir就是生产环境构建文件的目录名设置
    assetsDir: 'static',
    // 是否为 Babel 或 TypeScript 使用 thread-loader。
    parallel: false,
    // 开发、部署时的 URL
    publicPath: './',
}

如果解决就OK，如果还是白的页面那就更改路由模式，在router文件下的index.js中修改为默认的路由模式就可以了，

const router = new VueRouter({
  // 直接 把以下代码去除，就是默认的路由模式了
    mode: 'history'
  // 或者直接更改为如下代码
  // mode: 'hash'
})

就可以解决了。