解决为什么vue3项目在部署之后会出现白板。或者很明显没有引入打包后的资源文件呢？

出现白板的原因

• 与未加载资源文件有关，因为路由是虚拟路由。你没有引入js文件肯定没有页面了
• 在使用VueRouter的时候可以看到有两种模式，hash和history 如果使用的是history模式就会出现白板。

解决方案-资源无法加载

• 在项目根目录创建vue.config.js的vue的配置文件并配置如下

module.exports = {
    publicPath: './'
};

这个配置项是更改生产的资源路径

解决方案-history模式白板

具体查看你所使用的VueRouter的版本，我这边是用的"vue-router": "^4.0.0-0"
在初始化路由的时候这么写，就是跟react项目一样需要添加一个baseUrl

createRouter({
    history: createWebHistory(process.env.NODE_ENV === 'production' ? '${your path}' : ''),
    routes
});

注意⚠️：你如果会遇到这种情况的白板，大概率是因为你的项目没有部署在nginx的根目录导致的。如果你的项目直接部署在根目录出现白。那么就去自己看看控制台log吧。