首页 JavaScriptVue.js正文

Vue3 +Webpack项目打包后白屏解决办法（针对Vue3&Vue-cli 4.0及以上)

君哥 阅读：2678 8个月前 评论：31

在用最新的脚手架打包时，遇到了路径问题。

虽然是一个老生常谈的问题，但是查阅网上的资料发现大多是针对旧版本的框架进行webpack配置的更改来解决的。并不能用在我当前使用了最新的Vue3及其脚手架的项目上。

通过查看Vue3.x最新的文档结合旧版本的解决办法，我找到了针对最新版Vue框架下配置webpack而解决打包路径出错而白屏的办法：

  1. 由于在新的Vue中，目录层级结构发生改变，不再找得到bulid文件夹去设置index.js及其webpack的一些config.js。

根据Vue3.x文档，我们将在 vue.config.js 统一对webpack、跨域、端口号等属性进行配置。

在 vue.config.js 里的添加publicPath属性并将值更改成 ‘./‘

  1. 若仍是白屏则去路由中将history模式设置成默认的Hash模式，history模式一般是服务器后端设置后才好使用，因此一般建议默认的Hash模式。

此处同Vue2的路由也有些许不同，在Vue2中我们通过mode:’Hash’可以直接更改模式，而在Vue3中，我们通过更改history属性调用的方法而更改模式

/router/index.js 下

若你原本项目中的不是这个方法，更改成使用createWebHashHistory()即可.

本文链接：http://yanjun202.com/post/140.html 

分享到：
标签:什么是节流与防抖数组replacetrim
相关文章
发表评论
  • Trx能量租赁怎么赚钱 发表于 3个月前 回复

    TRX能量租赁 - 2 TRX=1次转账次数 直接节省80%！无视对方有没有U或者是否交易所- 复制地址【TAZdAh5LU55aUPPZkgF4rupQwg6inQ5J5X】转 2 TRX即可0手续费转账！TG机器人频道：@xingtahttps://t.me/xingta

  • QuickQ 发表于 2个月前 回复

    我对楼主的敬仰犹如滔滔江水绵延不绝！https://www.quickq9.com

  • WPS 发表于 2周前 回复

    怎么我回帖都没人理我呢？https://zh-wps.it.com

  • helloworld 发表于 2周前 回复

    在哪里跌倒，就在那里多爬一会儿！https://www.me-helloworlds.cn

  • WPS 发表于 2周前 回复

    顶一个！https://zh-wps.it.com

  • 有道翻译 发表于 1周前 回复

    楼主该去看心理医生了！https://win-youdao.it.com

  • wps官网 发表于 1周前 回复

    写得实在太好了，我唯一能做的就是默默顶贴！https://www.wps-com.net

  • WPS官网 发表于 1周前 回复

    看帖、回帖、拿分、走人https://m-wps.it.com

  • WPS官网 发表于 1周前 回复

    看帖、回帖、拿分、走人https://zh-wps.it.com

  • helloworld 发表于 1周前 回复

    今天的心情很不错啊https://www.to-helloworld.net

  • 波场便宜能量 发表于 1周前 回复

    波场能量池代理 - 1.5 TRX=1次转账次数 直接节省80%!无视对方有没有U或者是否交易所- 复制地址【THXfhfV6ThhYzt7d8mm4KL3dE5LWBbwb3s】转 1.5 TRX即可0手续费转账!TG机器人:@jzzTRXbot

  • usdt转账手续费 发表于 1周前 回复

    波场便宜能量 - 1.5 TRX=1次转账次数 直接节省80%!无视对方有没有U或者是否交易所- 复制地址【THXfhfV6ThhYzt7d8mm4KL3dE5LWBbwb3s】转 1.5 TRX即可0手续费转账!TG机器人:@jzzTRXbot

  • 谷歌浏览器 发表于 7天前 回复

    论坛的帖子越来越有深度了！https://www.chrome-win.it.com

  • WPS下载 发表于 6天前 回复

    不是惊喜，是惊吓！https://www.m-wps.it.com

  • WPS下载 发表于 5天前 回复

    论坛人气好旺！https://m-wps.it.com

  • WPS 发表于 1天前 回复

    今天的心情很不错啊https://www.m-wps.it.com

  • helloworld下载 发表于 15小时前 回复

    最近回了很多帖子，都没人理我！https://www.app-helloworlds.net

  • wps官网 发表于 11小时前 回复

    内容很有深度！https://www.pcs-wps.com.cn

搜索
排行榜
最近发表
关注我们

扫一扫关注我们，了解最新精彩内容