build打包空白页

最新推荐文章于 2022-08-01 10:05:34 发布
最新推荐文章于 2022-08-01 10:05:34 发布
阅读量92 收藏
点赞数
分类专栏： 杂乱的知识点 文章标签： vue.js es6 css3 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45880179/article/details/114317986
版权

只需要更改三处

1.config文件—index.js—build里 更改为 assetsPublicPath: ‘/’，

  1. build文件内webpack.prod.conf.js，在output：增加 publicPath: ‘./’,

3.build文件内—utils.js， 增加 publicPath:’…/…/’,

更改3处，就可以了，注意，项目内的图片引用路径不必更改，和原来正常写，即可

桥头钓鱼老阿公
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue 生产环境build打包出现空白页面的解决方法
qq_38472451的博客
08-12 406
vue 生产环境build打包出现空白页面的解决方法
vue项目（build）打包后页面空白问题处理
LZL_68的博客
02-21 1027
1、前提确认router路由模式是hash模式，如果是history模式注释即可。2、新建vue.config.js文件，在里面写入如下代码。3、重新打包，再重新打开刷新。
Vue在打包项目时显示空白页问题和一些解决思路
benlalagang的博客
08-01 7411
Vue在打包项目时显示空白页问题和一些解决思路、1.整体资源路径、2.路由模式、3.本地服务器的改变
vue打包后显示空白正确处理方法
11-30
在项目中很多时候需要用到vue打包成html不需要放在服务器上就能浏览。根据官网打包出来的html直接打开是显示空白。 vue打包后显示空白正确处理方法是 1、找到配置文件 修改 这样打包处理可以打开但是页面样式会找不到 2、修改 找到对应的位置加上publicPath: '../../' 然后就成功了！ 很多朋友还遇到这样的问题 vue打包后index文件一片空白，怎么回事呢？  vue项目你npm run build打包后，点开index文件打开一片空白， 并报错解决方法：路径问题， 总结 以上所述是小编给大家介绍的vue打包后显示空白正确处理方法，希望对大家有所帮助，如果大家有任
解决vue 打包发布去#和页面空白的问题
10-18
总结来说，解决Vue打包发布时的`#`符号和页面空白问题，主要涉及以下几个步骤： 1. 在Vue Router配置中，将模式设置为`history`并设置正确的`base`。 2. 更新Webpack的`assetsPublicPath`为服务器上的应用路径。 3. ...
解决vue build打包之后首页白屏的问题
08-27
在开发Vue.js应用时，我们通常会使用`npm ...综上所述，解决Vue build打包后首页白屏的问题主要涉及调整静态资源的路径配置。同时，理解其他可能的原因和采取相应的优化措施，将有助于构建更稳定、适应性强的Vue应用。
npm run build 打包这些玩意
01-08
在开发Web应用时，`npm run build` 是一个常见的命令，用于将项目打包为生产环境可用的静态资源。这个过程涉及到一系列的构建步骤，包括编译、压缩、优化等，确保应用能够在部署后正常运行。以下是一些关于 `npm run...
解决vue-cli项目打包出现空白页和路径错误的问题
10-18
在使用Vue CLI构建项目时，有时会遇到打包后出现空白页和路径错误的问题。这些问题通常是由于配置不当或者对Vue CLI的打包机制理解不足所引起的。本文将详细解析这两个问题及其解决方案。 首先，让我们来深入了解...
vue项目build之后页面问题(页面空白,图片异常)
MG516的博客
06-12 1867
页面空白 找到项目的config目录下的index.js 把build对象下的assetsPublicPath改成‘./’ build: { assetsPublicPath: './', } 图片记载不出来 1.针对src/style和.vue文件下的图片资源路径问题 找到项目的build目录下的utils.js 找到下面代码段，新增publicPath: '../../' retur...
vue-cli build之后打开网页是空白页
weixin_55014951的博客
01-21 1585
打开网页的情况是一片空白,也没有404 f12检查可以发现 这里的路径都是'/'开头 这是原因所在,具体可以看vue官网的参考配置的publicPath这一块 他的默认配置是'/' 我们需要的是'./' 解决办法 在vue.config.js中(这个文件如果没有需要自己创建)添加 module.exports = { publicPath:'./' } 然后重新 npm run build 这里提一下 我有看见其他博客说什么 在config/inde.
vue项目打包后首页一片空白解决办法和具体原因总结
热门推荐
吹过麦田的风的专栏
08-20 3万+
很高兴在万千文章中你看到本章，希望能为你解决问题！！！ 在最初用vue+webpack+vue-router做项目的时候，在本地pc开发测试都是正常的，但是在把代码打包部署到测试服务器之后，访问项目首页总是白屏。 第一种，打包后的dist目录下的文件引用路径不对，会因找不到文件而报错导致白屏。 解决办法：修改一下config下面的index.js中bulid模块导出的路径。因为index.h...
vue build 后放到服务器上，打开index.html 页面空白，报错资源找不到
尹小姐的博客
04-19 2936
解决办法：config–>index.js–>build:{….,assetsPublicPath: ‘./’,},加个‘.’就好了 如下图所示
vue通过build打包后 打开index.html页面是空白的
weixin_41439996的博客
06-28 2万+
最近在build打包vue项目遇到了几个问题，如下： 1、npm run build打包项目之后，我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器，但最近发现直接打开index.html页面是空白的，还会报几个错，找不到页面路径。 原因：找到config文件下index.js，全局搜索assetsPublicPath，结果是assetsPublicPa...
Vue通过build打包后 打开index.html页面是空白的
weixin_44197906的博客
12-11 801
最近在build打包vue项目遇到了几个问题，如下： 1、npm run build打包项目之后，我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器，但最近发现直接打开index.html页面是空白的，还会报几个错，找不到页面路径。 原因：找到config文件下index.js，全局搜索assetsPublicPath，结果是 assetsPublicPath：’ / ’ 默认为根目录，而index.html和static是在同一级目录下，因此，解决方法就是 asset
解决npm run build打包后空白
weixin_53758026的博客
06-23 1801
npm run build打包后dist文件的index.html白屏报错
Vue npm run build打包显示空白页
ioszhanghui的博客
07-02 3696
在使用npm run build ，打包完毕之后，无论是本地打开index.html,还是访问服务器上的，都是空白页。 此时，你会发现，css,js,一些资源路径都是404， 问题在于：引用路径 解决方案：重新配置config下的index.js中的assetsPublicPath，记得修改的是build下，因为这个是打包时 的配置 assetsPublicPath属性作用是指定编译发...
npm run build打包后空白
最新发布
06-28
如果在运行“npm run build”命令后出现了空白页面，可能有几种原因需要考虑： 1. 打包后的文件没有正确地部署到服务器上。您可以检查构建输出目录中是否存在您的应用程序文件，并确保这些文件已经上传到您的服务器...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值