vue项目打开首页是空白,vue首屏加载白屏

前端解决页面加载白屏 2024-01-07 23:35 598 墨鱼

前端解决页面加载白屏

vue项目打开首页是空白,vue首屏加载白屏

vue项目打包后，首页空白。解决方案及具体原因总结。网上很多人说自己的VUE项目通过Webpack打包后生成的列表文件是在HBulider中打包的，在手机上打开是空白的。造成这种情况的主要原因是路径问题。 1.记得更改配置下的内容

vue.config.jsconst{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependency:true,lintOnSave:false,//分析为什么lintvue项目页面空白但没有报错的原因为了避免这种情况，我们可以在新页面上写一些文字用于页面显示。2.路由复制。如果两个路由配置为重复，例如，配置了两个pats。

应用Vue.js开发WEBAppReact开发基础应用React开发WEBApp微信公众号开发微信小程序开发Angular6开发varmyVue=newVue({el:'#firstVue',data:{my_data:"test",my_hidden:"hidden"}})再次浏览网页时，网页又变成了空白，但是我按F12键查看源码发现是实际上是标签的hi。

ˇ０ˇ 在vue项目中，我们请求一个路由，当我们打开页面时，发现页面是空白的。主要有四个原因：1.路由重复。如果配置了两个路由，那么它们就重复了。例如，如果配置了两个[path:'']，那么访问时会看到一个空白页面。2.修改/build/webpack.base.conf.js中的配置。添加外部属性到module.exports（详细信息请参见webpack.docschina/configurati...其中key是项目中的引用，value是引用的资源的名称。必需

后台-插件-广告管理-内容页尾部广告（手机）

标签： vue首屏加载白屏