阿里云-云小站(无限量代金券发放中)
【腾讯云】云服务器、云数据库、COS、CDN、短信等热卖云产品特惠抢购

解决Vue编译时写在style中的路径问题

198次阅读
没有评论

共计 400 个字符,预计需要花费 1 分钟才能阅读完成。

写在 vue 文件里面的 style 样式,在添加例如背景图片的时候,如果用的是相对路径,那么 build 出来的 css 文件的路径将会出错,导致找不到图片。

解决 Vue 编译时写在 style 中的路径问题

通过查找资料

解决 Vue 编译时写在 style 中的路径问题

要修改主要有两个,一个就是 config/index.js 文件,将 assetsPublicPath 的路径改为 ’./’,这是发布路径,如果构建后的产品文件有用于发布 CDN 或者放到其他域名的服务器,可以在这里进行设置设置之后构建的产品文件在注入到 index.html 中的时候就会带上这里的发布路径

解决 Vue 编译时写在 style 中的路径问题

另外一个修改就是上图了,添加,publicPath: ‘../../’ 这一行,这是配置 extract-text-plugin 插件的提取样式,具体是什么我也不清楚。

解决 Vue 编译时写在 style 中的路径问题

问题说完了,希望对大家有帮助,写下来也是方便自己日后出现问题可以查看。谢谢!

本文永久更新链接地址 :http://www.linuxidc.com/Linux/2017-11/148705.htm

正文完
星哥玩云-微信公众号
post-qrcode
 0
星锅
版权声明:本站原创文章,由 星锅 于2022-01-22发表,共计400字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
【腾讯云】推广者专属福利,新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。
阿里云-最新活动爆款每日限量供应
评论(没有评论)
验证码
【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中