编程 Javascript

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

Posted in Javascript onSeptember 21, 2017

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

通过查找资料，在https://segmentfault.com/q/1010000008438061有人的回答解决了问题。

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

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

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

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

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

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

以上这篇解决Vue编译时写在style中的路径问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

CLtomoya

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQuery入门——用映射方式绑定不同事件应用示例

Feb 05 Javascript

文件编码导致jquery失效的解决方法

Jun 26 Javascript

JS中表单的使用小结

Jan 11 Javascript

jQuery图片轮播滚动切换代码分享

Apr 20 Javascript

JavaScript中的ajax功能的概念和示例详解

Oct 17 Javascript

bootstrap 通过加减按钮实现输入框组功能

Nov 15 Javascript

详解JavaScript实现动态的轮播图效果

Apr 29 Javascript

关于layui时间回显问题的解决方法

Sep 24 Javascript

layui form.render('select', 'test2') 更新渲染的方法

Sep 27 Javascript

vue项目中锚点定位替代方式

Nov 13 Javascript

一篇文章带你使用Typescript封装一个Vue组件(简单易懂)

Jun 05 Javascript

微信小程序开发数据缓存基础知识辨析及运用实例详解

Nov 06 Javascript

使用JS实现图片轮播的实例(前后首尾相接)

Sep 21 #Javascript

Node调用Java的示例代码

Sep 20 #Javascript

浅谈react前后端同构渲染

Sep 20 #Javascript

微信页面弹出键盘后iframe内容变空白的解决方案

Sep 20 #Javascript

微信小程序页面跳转事件绑定的实例详解

Sep 20 #Javascript

微信小程序数据绑定及运算的简单实例

Sep 20 #Javascript

Angularjs使用过滤器完成排序功能

Sep 20 #Javascript

You might like

PHP开发中常用的8个小技巧

2008/08/27 PHP

php curl常用的5个经典例子

2017/01/20 PHP

PHP7创建销毁session的实例方法

2020/02/03 PHP

Aster vs Newbee BO5 第三场2.19

2021/03/10 DOTA

javascript编程起步（第一课）

2007/01/10 Javascript

jquery 操作单选框，复选框，下拉列表实现代码

2009/10/27 Javascript

js实现在文本框光标处添加字符的方法介绍

2012/11/24 Javascript

jquery.validate的使用说明介绍

2013/11/12 Javascript

基于JS实现简单的样式切换效果代码

2015/09/04 Javascript

js实现左侧网页tab滑动门效果代码

2015/09/06 Javascript

JavaScript实现搜索框的自动完成功能(一)

2016/02/25 Javascript

JS中常用的输出方式(五种)

2016/06/12 Javascript

jQuery学习之DOM节点的插入方法总结

2017/01/22 Javascript

详解如何构建Angular项目目录结构

2017/07/13 Javascript

JS监控关闭浏览器操作的实例详解

2017/09/12 Javascript

详解vue服务端渲染浏览器端缓存（keep-alive）

2018/10/12 Javascript

微信小程序基于canvas渐变实现的彩虹效果示例

2019/05/03 Javascript

详解小程序横屏方案对比

2020/06/28 Javascript

Python 解析XML文件

2009/04/15 Python

python通过urllib2爬网页上种子下载示例

2014/02/24 Python

Python下的Mysql模块MySQLdb安装详解

2014/04/09 Python

python使用turtle库绘制树

2018/06/25 Python

Golang GBK转UTF-8的例子

2019/08/26 Python

python pyinstaller打包exe报错的解决方法

2019/11/02 Python

Python迭代器协议及for循环工作机制详解

2020/07/14 Python

Django2.1.7 查询数据返回json格式的实现

2020/12/29 Python

HTML5视频支持检测(检查浏览器是否支持视频播放)

2013/06/08 HTML / CSS

纽约现代艺术博物馆商店：MoMA STORE（室内家具和杂货商品）

2016/08/02 全球购物

资生堂英国官网：Shiseido英国

2020/12/30 全球购物

外企办公室竞聘演讲稿

2013/12/29 职场文书

群众路线剖析材料

2014/02/02 职场文书

护士毕业生自荐信

2014/02/07 职场文书

工作表现自我评价

2014/02/08 职场文书

企业元宵节主持词

2014/03/25 职场文书

听证通知书

2015/04/24 职场文书

POST提交数据常见的四种方式

2022/01/18 HTML / CSS