简单的解决VUE3打包空白问题

5,171 阅读1分钟

VUE3中使用命令npm run build命令进行打包,会出现打包页面是空白的情况。

使用 vue create 项目名 创建的项目,默认使用路由的history模式。

history模式的使用要配合服务器的nginx。咋们也不是很懂。我们使用简单粗暴点的,路由使用hash模式。

解决方法

进入 src\router\index.ts 文件

Snipaste_2022-04-03_12-40-02.jpg

在根目录下创建 vue.config.js 文件,写入

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

这样就可以简单粗暴的解决了。

大功告成