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

原创于 2019-03-21 11:31:22 发布 · 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有更简单的解决办法，按特定两步设置，基本可解决白屏问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

一入前端啊深似海

博客等级

码龄7年

4
原创

0
点赞

0
收藏

0
粉丝

关注

私信

热门文章

分类专栏

懒加载 1篇
vue问题 2篇

上一篇：: 随笔

下一篇：: vue-cli2.x中出现的关于sass-loader报错的问题

最新评论

VUE UI 生成项目后打包首页白屏问题
前端成长营回复一入前端啊深似海: 感谢你的回复真没有用还是一样
VUE UI 生成项目后打包首页白屏问题
一入前端啊深似海回复前端成长营: 原因戳这里https://cloud.tencent.com/developer/ask/206098
VUE UI 生成项目后打包首页白屏问题
一入前端啊深似海回复前端成长营: <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里试一下
VUE UI 生成项目后打包首页白屏问题
前端成长营回复前端成长营: 这是报错信息感谢
VUE UI 生成项目后打包首页白屏问题
前端成长营回复一入前端啊深似海: [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]

最新文章

目录

展开全部

收起

评论 7

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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