编程 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 相关文章推荐

javascript编程起步（第一课）

Jan 10 Javascript

jQuery中animate用法实例分析

Mar 09 Javascript

javascript实现链接单选效果的方法

May 13 Javascript

jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解

Sep 27 Javascript

关于网页中的无缝滚动的js代码

Jun 09 Javascript

AngularJS在IE下取数据总是缓存问题的解决方法

Aug 05 Javascript

JS函数修改html的元素内容,及修改属性内容的方法

Oct 28 Javascript

javascript高级模块化require.js的具体使用方法

Oct 31 Javascript

JavaScript中使用import 和require打包后实现原理分析

Mar 07 Javascript

vue-cli 2.*中导入公共less文件的方法步骤

Nov 22 Javascript

Vue快速实现通用表单验证功能

Dec 05 Javascript

jquery实现简单每周轮换的日历

Sep 10 jQuery

使用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中GET变量的使用

2006/10/09 PHP

使用 eAccelerator加速PHP代码的方法

2007/09/30 PHP

php中多维数组按指定value排序的实现代码

2014/08/19 PHP

CI框架学习笔记（二） -入口文件index.php

2014/10/27 PHP

thinkphp中AJAX返回ajaxReturn()方法分析

2016/12/06 PHP

层序遍历在ExtJs的TreePanel中的应用

2009/10/16 Javascript

JQuery实现鼠标移动到图片上显示边框效果

2014/01/09 Javascript

原生javascript实现无间缝滚动示例

2014/01/28 Javascript

js实现从中间开始往上下展开网页窗口的方法

2015/03/02 Javascript

JQuery中层次选择器用法实例详解

2015/05/18 Javascript

深入浅析JavaScript中的Function类型

2016/07/09 Javascript

Javascript中常用的检测方法小结

2016/10/08 Javascript

bootstrap插件treeview实现全选父节点下所有子节点和反选功能

2017/07/21 Javascript

在Vue.js中使用Mixins的方法

2017/09/12 Javascript

微信小程序实现横向增长表格的方法

2018/07/24 Javascript

详解javascript设计模式三：代理模式

2019/03/25 Javascript

微信小程序实现翻牌抽奖动画

2020/09/21 Javascript

微信小程序实现可拖动悬浮图标(包括按钮角标的实现)

2020/12/29 Javascript

python socket 超时设置 errno 10054

2014/07/01 Python

Python爬虫使用脚本登录Github并查看信息

2018/07/16 Python

Pycharm运行加载文本出现错误的解决方法

2019/06/27 Python

使用python实现滑动验证码功能

2019/08/05 Python

程序员的七夕用30行代码让Python化身表白神器

2019/08/07 Python

Pytest框架之fixture的详细使用教程

2020/04/07 Python

如何实现在jupyter notebook中播放视频(不停地展示图片)

2020/04/23 Python

python中pyplot基础图标函数整理

2020/11/10 Python

纯CSS3实现8组超炫酷鼠标滑过图片动画

2016/03/16 HTML / CSS

Holiday Inn中国官网：IHG旗下假日酒店预订

2018/04/08 全球购物

斐乐美国官方网站：FILA美国

2019/03/01 全球购物

yy结婚证婚词

2014/01/10 职场文书

绿化工程实施方案

2014/03/17 职场文书

2014年感恩母亲演讲稿

2014/05/27 职场文书

踏青活动策划方案

2014/08/19 职场文书

小学生五年级大队长竞选发言稿

2014/09/12 职场文书

法定代表人资格证明书

2015/06/18 职场文书

解决persistence.xml配置文件修改存放路径的问题

2022/02/24 Java/Android