vue项目运行后页面一片空白,vue页面一直显示正在加载

vue项目打包后打开空白解决办法 2023-06-04 20:05 426 墨鱼

vue项目打包后打开空白解决办法

vue项目运行后页面一片空白,vue页面一直显示正在加载

1.vue项目打包后，在非首次线上替换dist文件时，某些手机/浏览器在之后首次打开页面，可能出现白屏情况。原因：在使用vue-cli脚手架构建完项目，项目完成后，需打包上线。默使用vue开发过一段时间了，采用Vue-cli脚手架中出现一些页面空白问题的解决方法总汇我们会发现页面head中引用的js和css文件是出现了路径错误，这里修改如下：解决位置：config

1、index.html显示空白问题vue项目打包后，查看index.html,网页显示一片空白，f12查看console均是引用路径错误问题！具体解决方法：config--index.js中assetsPublicPath: '/'改为assetsPublicPath:vue打包后会出现空白页面，这说明配置的时候路径有问题，接下来一起看看如何解决把。一、页面空白？页面空白说明打包路径有问题，打开config/index.js,找到build

第一种，打包后的dist目录下的文件引用路径不对，会因找不到文件而报错导致白屏解决办法：修改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是一：vue build发布项目后一片空白问题的解决。解决方案：1.找到config 文件夹。2. 将对应的1斜杠，改成1个点。3. 再次执行npm run build 完成参考资料：https://cnblo

(＊?↓˙＊) 51CTO博客已为您找到关于vue项目运行后页面片空白的相关内容，包含IT学习相关文档代码介绍、相关教程视频课程，以及vue项目运行后页面片空白问答内容。更多vue项目运行后页面片解决方法(如果依旧没有解决，可能是其他问题，最最最常见的问题就是：路由有问题，如果路由任何地方有一丁点错，基本上都会出现页面空白的情况): 删掉多余的路由声明即可。如下图：

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

标签： vue页面一直显示正在加载