Vue 打包前需修改的配置,解决白屏问题

vue-cli项目和electron-vue项目打包运行都有遇到的白屏问题,下面记录打包前需要确认的配置

第一:
config文件夹下的index.js 中的文件中的 assetsPublicPath :‘/’ 改为’./’ 不然的话会是空白页,记住,是build那块。
在这里插入图片描述        

可以检查打包后的dist/index.html下的引用路径是否为"./static/...."

 

第二:
build/util.js文件下在 ‘vue-style-loader’ 之后加一行:publicPath: ‘…/…/’ 不然的话会有图片显示不出来,字体不能正常使用
在这里插入图片描述

 

第三: 如果你有本地json数据的话
把本地json数据中的路径全部给为根路径
在这里插入图片描述
第四:就是本地用api代理的,上线之后就不要代理了
第五:不需要js文件中的.map文件的时候
config index.js productionSourceMap: false

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/553904.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

win7查看电脑ip地址的方法

每台计算机都会分配到一个固定的IP地址,当网络出现故障的时候一般都需要知道自己计算机详细的IP地址从而进行修复,但是小伙伴们并不知道怎么使用命令去查看这个IP地址,现在小编就以win7系统为例,来教授大家查看电脑IP地址的方法。…

electron-vue解决打包错误、无法调用出开发者工具(亲测有效)

错误1: unresolved node modules vue... 或 not found modules..的错误 解决方式:依赖的模块错误,删除node_module文件夹后,尽量用npm install而不是淘宝镜像cnpm安装 错误2: Cannot create symlinks (on Windows hos…

win7系统盘符名称更改教程

一般来说,在装机时,我们都会使用C、D、E、F以此类推的字母作为盘符名称,但是如果我们想要更改这些名称其实也是可以的。只需要在计算机管理的磁盘管理内就可以做到了,下面就一起来看一下吧。 win7系统盘符名称更改教程 1、首先我…

JS中使用bignumber处理高精度小数运算

项目开发中发现精度丢失的问题,如0.10.2 0.30000000000000004的问题 解决方式:引用bignumber.js用于数字精度要求较高的计算。 1、安装或引用: 下载地址:https://github.com/MikeMcl/bignumber.js/releases 或 npm install big…

windows7系统电脑管理员权限怎么更改

我们在使用win7系统的时候,有时候会发现自己的账户因为没有管理员权限从而无法更改某些设置或者打开一些文件,非常不方便,因此我们可以通过下面的方法让自己获得管理员权限,下面就一起来看一下windows7电脑管理员权限更改教程吧。…

restful api接口设计

技术由来: 互联网早期,页面请求和并发量不高,且移动端未盛行时对接口要求不高,使用动态页面(jsp)就能满足绝大多数的使用需求。但是随着互联网和移动设备的发展,人们对Web应用的使用需求也增加,传统的动态…

win7压缩文件夹怎么压缩到最小

在我们日常使用win7系统的过程中,压缩文件作为经常使用的东西相信很多小伙伴都对它不陌生,由于其占用空间小,所以网站下载的文件大多都是压缩包格式。很多时候我们和朋友分享文件也以压缩包的形式传输。接下来小编就手把手来教大家win7系统中…

vue-cli安装和使用

主要记录安装vue-cli制定版本和使用,注意vue-cli4创建项目命令和项目结构的改变 检查当前项目的vue-cli版本: vue -V 卸载当前版本: npm uninstall vue-cli -g 安装最新版本: npm install -g vue-cli 安装指定版本: npm in…

Win7局域网内找不到其他电脑怎么解决

最近有用户反映说自己新装的win7纯净版系统中,IP之类的设置没问题,上网也没有问题,但是在访问局域网中的其他电脑时,找不到局域网内其他电脑,其他电脑也看不到我的电脑,Win7局域网内找不到其他电脑怎么解决…

Apache 和 Tomcat 服务器的区别

Apache 和 Tomcat 都是web网络服务器,两者既有联系又有区别,在进行HTML、PHP、JSP、Perl等开发过程中,需要准确掌握其各自特点,选择最佳的服务器配置。 Apache是web服务器(静态解析,如HTML)&…

360安全浏览器截图快捷键怎么设置 360安全浏览器截图快捷键设置教程

凭借在安全防护方面的特殊优势,360安全浏览器获得了不少PC用户的青睐,甚至还有人认为其是装机必备的软件之一。此外,360安全浏览器中还内置了不少实用的功能,例如:截图、翻译、网银等!当然,用户…

二进制、八进制、十六进制相互转换

一、十进制与二进制之间的转换 1、十进制转二进制 方法为:十进制数除2取余法,即十进制数除2,余数为权位上的数,得到的商值继续除2,依此步骤继续向下运算直到商为0为止。 (具体用法如下图) 2、二…

Chrome浏览器插件Tab Groups Extension使用方法

谷歌浏览器最近新增加了标签分组功能,新的插件名称叫做Tab Groups Extension。Tab Groups Extension的主要功能是将网页标签分组进一步优化,使得用户能够自由地定义标签分组的规则。很多用户都是第一次接触到这个新插件,下面一起来看看吧。 …

vue-cli3+与vue-cli2的区别和vue-cli 修改配置

vue-cli3是基于webpack4打造,vue-cli2是基于webpack3vue-cli3的设计原则是“0配置”,移除(隐藏)配置文件build和config等目录vue-cli3提供了vue ui 命令,提供了可视化配置vue-cli3移除了static文件夹,新增了…

windows7更改开始菜单外观的方法

很多朋友希望将自己的win7系统外观设置地比默认外观更好看更有个性,但是却不知道windows7如何更改开始菜单外观,其实菜单外观和主题是绑定的,我们可以通过更改主题的方式更改开始菜单外观,下面就一起来看一下windows7更改开始菜单…

js判断url链接是否可访问(服务可连接,可用)

electron 项目中通过loadURL() 方法加载用户输入的url服务,但是electron不管该url服务是否可用都会加载执行,所以需要在用户输入url后对该url进行可用性判断,记录一下解决方案: 解决方案一: XMLHTTP方案 function getURL(url) {fu…

windows7系统电脑管理员权限的更改方法

我们在使用win7系统的时候,有时候会发现自己的账户因为没有管理员权限从而无法更改某些设置或者打开一些文件,非常不方便,因此我们可以通过下面的方法让自己获得管理员权限,下面就一起来看一下windows7电脑管理员权限更改教程吧。…

electron打包vue-cli4项目的解决方案1(项目实测)

背景: 项目已通过vue-cli4框架开发并运行在nginx服务器上(使用了nginx的反向代理),现需要将该项目转成桌面端应用程序,选择electron来实现。 设想2种解决方案: 1、使用electron-quick-start的loadURL方法…

IP 基础知识“全家桶”,45 张图一套带走!

转载自: https://mp.weixin.qq.com/s/kPjFeefB1Xsbc2bHz_Or1Q 前言 前段时间,有读者希望我写一篇关于 IP 分类地址、子网划分等的文章,他反馈常常混淆,摸不着头脑。 那么,说来就来!而且要盘就盘全一点&am…

win7系统主板驱动在哪

win7系统主板驱动在哪?主板是一台计算机最重要的硬件设备之一,它不仅是所有硬件系统的核心,也是机箱中最大的电路板。今天小编就给大家带来了win7系统主板驱动位置信息介绍,一起来看看win7系统主板驱动在哪的吧。 win7系统主板驱动在哪 答…