vue-cli4.0打包之后，页面空白，试用了站内挺多方法还是不行

JasonChang_cn 2020-10-16 08:09:39

vue-cli4.0打包之后，页面空白，试用了站内挺多方法还是不行。感谢您的关注，谢谢！

...全文

262 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本文介绍了在使用Vue CLI 3.0创建的项目中，遇到开发环境正常运行，但打包后出现文件找不到、页面空白的问题。问题根源在于HTML中引入的静态资源路径错误。解决方案是通过修改vue.config.js文件，将baseUrl设置为'./'，以正确处理打包后的静态资源路径。

本文详细解析Vue项目使用vue-cli创建并打包后的常见问题及解决方案，包括配置vue.config.js文件，解决打包后页面空白、router-view内容不显示等问题，以及如何正确设置别名和代理。

本文介绍了解决Vue CLI3项目打包后本地打开index.html显示空白的问题。通过在vue.config.js文件中设置publicPath为'./'并采用hash路由模式，使打包后的项目能在任意路径下正确运行。

本文详细介绍了在使用Vue CLI 4.0进行项目构建时遇到的部署路径问题及解决方案。作者分享了如何通过配置vue.config.js文件中的publicPath属性来避免页面空白和控制台报错，确保项目在生产环境下能够正确加载资源。

vue-cli 3.0创建的项目，dev下运行正常，打包后在服务器无法访问、页面空白且控制台报错。原因是资源文件引用路径打包后改变。因vue-cli 3.0封装了webpack，需在手动创建的vue.config.js里修改配置，后将‘baseUrl’改为‘publicPath’。

87,988

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章