Vue项目打包后打开是空白怎么办

最新推荐文章于 2024-04-18 22:30:17 发布
最新推荐文章于 2024-04-18 22:30:17 发布
阅读量319 收藏
点赞数
分类专栏： 踩坑 文章标签： vue.js javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51295096/article/details/120608636
版权

不一定可以解决你的问题，但不妨一试
项目打包以后网页一片空白，百度、bing了好久都没找到解决方案。最终终于找到了…
现在是2021年10月4日，你不需要像网上的教程说的那样修改vue.config.js中的publicPath, 更不需要添加什么 assetsDir，你只需要注释一行代码。。。。
在这里插入图片描述
是的，这行代码怎么突然不香了呢。。。。。你怎么能辜负我对你的喜爱呢 55555
啊，我逝去的几个小时时光啊！

小白icoding
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
为什么Vue打包出来的项目是空白页面？
Alanrnzearn的博客
07-08 3101
        有时候稍微没注意，用Vue打包出来的项目经过本地直接打开时发现竟然是空白页面！         1. 最直接的原因就是在打包项目的时候忘记创建vue.config.js文件了，这个时候在原Vue项目底下新建vue.config.js文件，内容为： module.exports = { publicPath:'/', out
解决vue-cli项目打包出现空白页和路径错误的问题
10-18
在使用Vue CLI构建项目时，有时会遇到打包后出现空白页和路径错误的问题。这些问题通常是由于配置不当或者对Vue CLI的打包机制理解不足所引起的。本文将详细解析这两个问题及其解决方案。 首先，让我们来深入了解...
Vue在打包项目时显示空白页问题和一些解决思路
benlalagang的博客
08-01 7296
Vue在打包项目时显示空白页问题和一些解决思路、1.整体资源路径、2.路由模式、3.本地服务器的改变
vite的vue3项目转apk，解决白屏，解决样式失效，vue项目变成app
最新发布
qq_71751610的博客
04-18 479
说明1：根据我看过的文章，vue脚手架创建的项目和vite创建的项目打包成apk的操作是不一样的。说明2：本文先说正确的操作，在后面再说你可能做的错误操作。说明3：本文只讲操作，不讲原理，本文面向小白而做。
vue解决执行打包之后打开页面空白问题
qq_60976312的博客
12-28 1449
解决执行build打包命令之后打开dist文件下的html页面空白的问题
vue项目打包后，打开页面为空白的解决办法
m0_51060602的博客
03-10 1万+
vue项目打包上线后，出现空白页面的解决办法
vue项目打包后打开页面空白解决办法
08-27
Vue 项目打包后打开页面空白解决办法 在 Vue 项目开发中，经常会遇到打包后打开页面为空白的情况，本文将详细介绍解决这种问题的方法。 一、路径问题 在 Vue 项目中，index.html 文件中的内容都是通过 script ...
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
01-19
Vue项目运行npm run build后会生成一个dist文件夹，我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面，这个index就是最后单页面的最终文件。 问题一：我在打包完成后，...
解决vue+elementui项目打包后样式变化问题
11-19
博主刚刚解决了index.html空白问题，刚打开项目页面又发现了样式出现了大问题，样式与开发版本有很大不同，有些样式没有生效。利用搜索引擎， 找到了问题所在以及解决办法： main.js中的引入顺序决定了打包后css的...
vue项目打包后首页一片空白解决办法和具体原因总结
weixin_42017221的博客
02-17 1717
很高兴在万千文章中你看到本章，希望能为你解决问题！！！在最初用+webpack+vue-router做项目的时候，在本地pc开发测试都是正常的，但是在把代码打包部署到测试服务器之后，访问项目首页总是白屏。
vue项目页面空白的几个原因及解决办法
热门推荐
xin123____的博客
03-11 4万+
会出现vue项目页面空白，通常问题是在于路由上，可能是以下几种原因： 1.路由重复。 如果配置了两个路由是重复的，比如配置了两个【path: ‘/’】，那么访问就会看到空白页面，这时候改下重复的路由配置即可。 2.路由没有配置。 如果没有配置路由，那么访问的页面也可能是空白页，比如访问/yanggb，但是路由里却没有配置，这时候配置上丢失的路由配置即可。 3.路由配置指向页面为空白页。 这种情况就比较玄乎了，配置了指向的页面什么都没有，展示自然也是空白页。 总结 当然可能还会有别的原因导致vue项目出现空白
vue项目打包后放到服务器上是空白页面,vue项目打包后打开页面空白解决办法
weixin_35562751的博客
08-13 4231
网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看一下默认的路径。assetsPublicPath默认的是 ‘/' 也就是根目...
vue项目打包之后页面空白解决办法
Dreamer_xr的博客
11-05 6542
之前项目遇到个情况，npm run build打包之后上传到服务器后，index.html打开一片空白，资源都加载了，但是就是不显示。 然后百度找了原因，修改了两处地方 一、修改 assetsPublicPath  在config/index.js里面，有个 assetsPublicPath 属性，源码是‘/’，修改成‘./’，加个点 assetsPublicPath: '/', 二、...
vue-cli 项目打包后打开页面空白
小白阿里里的博客
08-26 9910
关于项目在打包后打开页面空白问题 在我们输入命令 npm run build 打包项目后在项目文件中会多出一个dist文件夹，打包后的文件就在该文件夹中，将里面的文件放在服务器上即可。 我第一次这样操作的时候，打开页面一片空白，调试模式下显示css,js全都是引入错误。 打开config文件夹下的 index.js 找到如下图所示区域： 可以看到 assetsPublicPat...
vue项目打包后打开空白解决办法
weixin_30267697的博客
04-03 1291
1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看一下默认的路径。 assetsPublicPath默认的是 ‘/’ 也就是根目录。而我们的index.html和static在同一级目录下面。 所以要改为 ‘./ ’ 2、另外还需要注意一点。src...
vue项目打包后页面出现空白
qq_24882601的博客
05-23 1万+
相信很多刚刚接触vue的伙伴会遇到这样的问题，就是说vue项目在开发环境下一切正常，但是打包之后，打开index.html页面却是一片空白，打开控制台发现这样的错误 出现这种情况要分两个处理方式（vue-cli2和vue-cli3），先说vue-cli2； 首先找到config/index.js文件，将assetPublicPath的路径改为“./”即可， vue-cli3...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值