VUE UI 生成项目后打包首页白屏问题

最新推荐文章于 2025-04-10 23:25:18 发布

原创最新推荐文章于 2025-04-10 23:25:18 发布 · 1.1k 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#vue打包问题

vue问题专栏收录该内容

2 篇文章

订阅专栏

使用vue ui生成的vue项目，通常无配置文件config，无法通过修改config里的index.js解决打包首页白屏问题。不过vue ui有更简单的解决办法，按特定两步设置，基本可解决白屏问题。

VUE UI 生成项目后打包首页白屏问题

VUE UI 生成项目后打包首页白屏问题

在使用vue ui生成的vue项目中，通常不会生成配置文件config，所以在config里修改index.js的办法行不通。但是vue ui有更简单的解决办法！
在这里插入图片描述
以上图片是第一步，不要着急。如果打包的首页还是白屏那么请继续往下看

按照以上两步设置，基本上就可以解决白屏的问题了。

7 条评论

前端成长营 2020.05.29
白屏是好了报错字体问题怎么搞
- 前端成长营回复一入前端啊深似海 2020.06.01
  [reply]helloworld_1234[/reply]感谢你的回复真没有用还是一样
- 一入前端啊深似海回复前端成长营 2020.06.01
  [reply]weixin_43617604[/reply]原因戳这里https://cloud.tencent.com/developer/ask/206098
- 一入前端啊深似海回复前端成长营 2020.06.01
  [reply]weixin_43617604[/reply] <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,er-scalable=no"> 加到index.html头部head里试一下
- 前端成长营回复前端成长营 2020.06.01
  [reply]weixin_43617604[/reply]这是报错信息感谢
- 前端成长营回复一入前端啊深似海 2020.06.01
  [reply]helloworld_1234[/reply][code=html] Refused to load the font 'https://img.yzcdn.cn/vant/vant-icon-db1de1.woff2' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. index.html:1 Refused to load the font 'https://img.yzcdn.cn/vant/vant-icon-db1de1.woff' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. index.html:1 Refused to load the font 'https://img.yzcdn.cn/vant/vant-icon-db1de1.ttf' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. ind.vue:20 {name: "ind", meta: {…}, path: "/index", hash: "", query: {…}, …} index.html#/index:1 Refused to load the image 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAAyCAYAAABS1YVJAAAACXBI [/code]
- 一入前端啊深似海回复前端成长营 2020.06.01
  [reply]weixin_43617604[/reply]字体问题？路径报错？还是缺少字体文件？可以贴个图吗

评论 7

成就一亿技术人!

拼手气红包6.0元

还能输入1000个字符

添加红包

插入表情

表情包

代码片

HTML/XML
objective-c
Ruby
PHP
C
C++
JavaScript
Python
Java
CSS
SQL
其它

查看更多评论

条评论被折叠查看

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。