vue打包找不到图片,图标等资源问题

修改配置文件

config/index.js

原本内容为 '/'。没有小点;
解决的问题是:文档发布找文件路径是在当前路径下找相对路径,否则的话会找绝对路径 

 

build/utils.js

【此处关键】解决的问题是:样式表里引入的背景图片原本会自动加入'static/css'。把背景图识别到了样式css的目录下加上词句后,就可以找到样式表外层目录;

需要注意的是:样式表里引入的图片路径不能写绝对路劲 

 

build/webpack.base.conf.js

【文件路径】但我们在页面中import,图片……需要添加文件路径的时候,写一堆“../../../”等等的路径,费半天劲,此刻不用了,只需要设置了上图中文件路径就可以,开发和打包的时候,vue会自动匹配文件路径,方便又省事。

需要注意的是:这样写static图片路径,可以解决打包找不到图片的问题


【此处关键】


【此处关键】图片中注释的一句:mode:'history';在浏览器域名下不显示'#',使用的是html5模式;
其实也不是问题,但是如果和后端配合,前端的项目不在根路径(webapps下),那么就需要路由带'#'来控制了

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值