为什么Vue打包出来的项目是空白页面？

最新推荐文章于 2024-07-11 13:01:52 发布

治愈系的江予夺

最新推荐文章于 2024-07-11 13:01:52 发布

阅读量3.2k

点赞数 2

分类专栏：前端 vue 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/Alanrnzearn/article/details/107213466

版权

本文探讨了Vue项目打包后出现空白页面的常见原因和解决方案，包括未创建必要的HTML文件、文件位置错误以及配置问题。检查并修正这些细节有助于确保项目正常运行。

摘要由CSDN通过智能技术生成

有时候稍微没注意，用Vue打包出来的项目经过本地直接打开时发现竟然是空白页面！

1. 最直接的原因就是在打包项目的时候忘记创建vue.config.js文件了，这个时候在原Vue项目底下新建vue.config.js文件，内容为：

module.exports = {
        publicPath:'/',
        outputDir:'dist',
        assetsDir:'static'
    }

2. 可能是打包项目的的vue.config.js文件不小心新建在src文件夹下了，直接把文件移到与package.json同目录底下，然后再重新打包就可以了。当然，也要注意下自己的vue.config.js文件里面的内容是否写错了，不然就算改了也是无济于事。

3.也可能是项目router文件夹底下的index.js文件下最底下的mode:'history'未注释掉，或者未改成 mode:'hash'

在这里插入图片描述

关注

专栏目录