原文:解决vue项目打包后背景图片找不到的问题

在build gt webpack.base.conf.js里添加一句代码: 具体位置在module gt rules下 ...

2019-06-21 14:17 0 483 推荐指数:

查看详情

vue+webpack项目打包后背景图片加载不出来问题解决

在做VUE +的WebPack脚手架项目打包完成后,在IIS服务器上运行发现项目中的背景图片加载不出来检查项目代码发现是因为CSS文件中,背景图片引用的路径问题;后来通过修改配置文件,问题终于解决了,解决方法如下: 注意:如果整体为空白,记得先改===》》》 1、记得改一下config下面 ...

Mon Apr 08 23:37:00 CST 2019 0 1850
解决Vue打包后背景图片路径错误问题

1.原因解析 当用vue-cli自动构建项目后,有两种运行方法,分别是:   npm run dev : 提供一个开发的环境,自动热更新,资源使用绝对路径,所以可以正常看到背景图片。   npm run build : 打包项目,资源使用相对路径,所以会出现路径错误问题。 注: 绝对路径 ...

Thu Mar 22 21:30:00 CST 2018 0 7903
vue代码上传服务器后背景图片404解决方法

问题:代码上传服务器后,图片404,使用的font-awesome图标也是404 解决办法: 如果你用了vue-cil,那么在build目录下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面这个属性就完美解决了publicPath ...

Tue Nov 14 17:42:00 CST 2017 0 1305
Vue项目背景图片打包后路径错误

第一种方法: 原因: 首先,出错点在url-loader上面。 这里解释一下上面这段url-loader配置,test是正则匹配规则,匹配项目中所有的以正则规则结尾的格式的文件,直白点就是所以的图片(png,jpg,jpeg,gif,svg)。然后用url-loader进行处理。处理也有 ...

Fri Jun 09 00:22:00 CST 2017 0 7710
vue项目打包后资源相对引用路径的和背景图片路径问题

vue项目中若要使用相对路径来获得相应静态资源, 在一般项目 build 之后都会生成一个 index.htm 文件和 一个 static 文件夹,而 static 这个文件夹需要被放置在根目录下, 1.需要找到config --- index.js(webpack 是依据index.js ...

Tue Dec 18 19:20:00 CST 2018 0 2927
vue项目打包部署服务器后无法访问背景图片问题处理方法

如果项目原来运行正常,只是添加了背景图后背景图片无法正常显示,那么可以先查看元素,看下背景图片路径变成什么样了。 一般应该是如下这样: 这就造成了图片路径错误而无法正常加载,这个就需要对打包配置项进行调整了,如下: 即添加 publicPath ...

Fri Aug 06 01:41:00 CST 2021 0 121
vue图片路径,和背景图片路径打包后错误解决

最近在研究vue,老实的按照官网提供的,搭建的了 webpack+vue+vuex+vue-router,,因为是自己搭建的,所以踩了不少坑,一般问题百度都有,这个背景图片问题,查了很久才解决。 1、找到 config->index.js里面,如下修改 2、找到 build-> ...

Tue Dec 12 00:00:00 CST 2017 0 12901
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM