electron-vue打包后背景图不显示的问题

最新推荐文章于 2024-08-20 10:06:30 发布

@万里挑一

最新推荐文章于 2024-08-20 10:06:30 发布

阅读量299

点赞数 2

文章标签： vue.js electron javascript

本文链接：https://blog.csdn.net/qq_59599812/article/details/140184792

版权

 background-image: url("./assets/111.png");

1.以上是我打包的路径。

2.在vue-config.js中配置加上customFileProtocol:"./"

 pluginOptions: {
    electronBuilder: {
      nodeIntegration: true,
      customFileProtocol: "./",
    },
  },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

@万里挑一

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue 打包后背景图片不显示问题

YY110621的博客

02-26

1421

大清早遇到一个问题纠结了一小会儿功夫，不过很快解决了，下面是解决方法。第一步：改变路径配置，将绝对路径改为相对路径。找到 config/index.js 文件改为如下：不知道地方的看下图即可目标文件：项目目录 > config文件夹 > index.js assetsPublicPath:'/' 改为：assetsPublicPath:'./' （加...

前端——electron-vue打包遇到的深坑，希望能帮到大家

Fidgety的博客

05-11

668

electron-vue项目打包（electron:build）1. 安装electron提供的打包插件2.配置打包信息（个人是在vue.config中配置的）执行打包命令个人是使用cli脚手架搭建的electron 框架 1. 安装electron提供的打包插件在当前项目根目录下安装打包插件 npm install electron-builder 或全局安装 npm install electron-builder -g 2.配置打包信息（个人是在vue.config中配置的） module.ex

参与评论您还未登录，请先登录后发表或查看评论

Electron+Vue项目打包后背景图片丢失问题

qq_62291805的博客

04-09

671

本地启动的项目，背景图片是可以显示的，但是打包之后，启动exe文件，发现启动之后只有背景图没有显示。在vue.config.js文件中添加customFileProtocol:'./'再次打包项目，启动exe，发现背景图片已经可以显示了。打包后打开控制台发现是路径错误。我的背景图是通过css引入的。

vite + vue3 backgroundImage动态引入image，打包后图片地址失效问题，new URL()踩坑版

最新发布

qq_52724887的博客

08-20

631

vite + vue3 backgroundImage动态引入image，打包后图片地址失效问题，new URL()踩坑版

解决Vue打包后背景图片路径错误问题

源码好优多

03-08

1803

今天在插入背景图片过程中，遇到了路径错误的问题，通过网上查询，找到了解决的办法，但是大部分都没有讲造成这种问题的原因，故我简单地总结了一下，并加入了一些自己的理解，欢迎共同探讨~ 当用vue-cli自动构建项目后，有两种运行方法，分别是： npm run dev : 提供一个开发的环境，自动热更新，资源使用绝对路径，所以可以正常看到背景图片。 npm run buil...

Electron-builder打包vue项目后,背景图片不加载的问题

m0_63548381的博客

04-09

3042

打包后的项目启动之后，背景图片没有成功加载，只有一片空白。此时打开调试工具可以看到,electron自动把图片路径加上了/img/我们这时打开打包后的dist_electron文件夹，打开bundled\img目录,这就是上面报错的路径。

vue打包一篇空白，背景图片不显示

weixin_45378485的博客

11-01

654

一、打包之后一篇空白 1、dist目录下文件的引用路径错误解决方案：在 config 文件下面的 index.js 文件中，找到这段代码，把 assetsPublicPath: '/'改为assetsPublicPath: './'，更改后的代码： 2、路由模式被改为history, 路由模式默认为hash，只要把路由模式改为默认就好。二、打包之后，背景图片不显示解决方案：找打 build...

vue打包后背景图片不显示？？

qq_35457469的博客

08-27

1152

当使用npm run dev命令本地访问的时候，背景图片是正常显示的，可使用npm run build命令打包后，访问dist目录下的项目，页面背景图路径就不对了，显示不出背景图。问题根源在项目开发中可以显示背景图：使用npm run build打包后的项目不显示背景：由上图背景图片链接地址可看出，打包后的文件仍然向http://wap.xxxxxx.com/specialist/st...

vue 项目打包时样式及背景图片路径找不到的解决方式

10-16

这一问题经常出现在Vue项目打包后，尽管文件可以被正确找到，但引用的资源文件，如字体和背景图片等却无法正确加载。这一问题主要与资源路径的配置有关。本文将详细介绍如何解决Vue项目打包时样式及背景图片路径无法...

Electron-vue实战-每日清单---02Electron-vue的目录详解

2401_83977626的博客

04-03

723

my-project打包时调用，在package.json中的script里的build命令运行时的配置针对 electron 的 main 进程针对 electron 的 renderer 进程针对为浏览器构建你的 renderer 进程的源代码├─ dist打包之后的目录│ └─ web/项目所需的依赖├─ src│ ├─ main主进程目录会安装加载vue-devtoolsmain进程的主要方法都在这里写渲染进程，也就是vue所在定义vue组件。

electron_three.js_vue.zip

12-17

标题 "electron_three.js_vue.zip" 暗示了这是一个基于Electron框架的项目，结合了Vue.js前端框架和Three.js库来创建3D图形。这个压缩包包含了一系列用于开发3D应用的文件和配置，让我们一一解析它们的重要性及在...

vue打包后 背景图不显示

杨雪枫的博客

07-22

259

在build 下的 utils.js中找到： if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', }) } else { return ['vue-style-loader...

Electron Vite打包后，部分图标未显示的解决方案

qq_43478653的博客

12-20

1878

这个问题，弄了一晚上，头都大了，找了一堆博客也没解决。。下面讲一下我的解决方案。

vue打包后背景图片不显示问题

疯流人物

03-02

1233

vue打包后CSS中引用的背景图片不显示问题今天在插入背景图片过程中，遇到了路径错误的问题，通过网上查询，找到了解决的办法，但是大部分都没有讲造成这种问题的原因，故我简单地总结了一下，并加入了一些自己的理解，欢迎共同探讨~ 当用vue-cli自动构建项目后，有两种运行方法，分别是： npm run dev : 提供一个开发的环境，自动热更新，资源使用绝对路径，所以可以正常看...

Vue项目打包发布后CSS中的背景图片不显示问题

qq_45190444的博客

07-22

2265

Vue项目打包发布后CSS中的背景图片不显示问题今天在打包的时候遇到了vue打包后页面上的背景图没有显示出来解决方式很简单直接放代码记录一下 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', fallback: 'vue-style-loader' }) } else {

vue项目使用webpack打包后,图片不显示

weixin_45032622的博客

11-01

5919

vue项目打包后放到服务器上,配置好后,发现页面可以正常访问,访问后端接口也没有问题,但是网页登录界面的背景图片显示不出来.查看控制台也没有报错。错误原因是Webpack打包之后，在webpack.base.conf.js中会有图片大小限制配置{.*)?$/,}我们这里将limit注掉之后，重新打包，图片便可以显示。

Vue - vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决

技术共享，共同进步！

04-11

2344

Vue - vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决

VUE项目打包（解决背景图片不显示问题）

CSDN_Hss的博客

06-25

797

https://blog.csdn.net/qq_34611721/article/details/80996947