编程 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语法总结和注意事项小结

Nov 11 Javascript

使用js对select动态添加和删除OPTION示例代码

Aug 12 Javascript

javascript dom追加内容实现示例

Sep 21 Javascript

判断文件是否正在被使用的JS代码

Dec 21 Javascript

js读取csv文件并使用json显示出来

Jan 09 Javascript

jQuery链式操作实例分析

Nov 16 Javascript

angular2 ng build部署后base文件路径问题详细解答

Jul 15 Javascript

浅谈js中的this问题

Aug 31 Javascript

Electron中实现大文件上传和断点续传功能

Oct 28 Javascript

微信小程序如何获取网络状态

Jul 26 Javascript

VUE 解决mode为history页面为空白的问题

Nov 01 Javascript

JS实现简易计算器

Feb 14 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 array_search() 函数使用

2010/04/13 PHP

PHP 字符串长度判断效率更高的方法

2014/03/02 PHP

php简单的上传类分享

2016/05/15 PHP

JQuery中serialize() 序列化

2015/03/13 Javascript

根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)

2015/09/14 Javascript

js检测用户输入密码强度

2015/10/22 Javascript

详解JavaScript中|单竖杠运算符的使用方法

2016/05/23 Javascript

ashx文件获取$.ajax()方法发送的数据

2016/05/26 Javascript

jQuery继承extend用法详解

2016/10/10 Javascript

jQuery.cookie.js使用方法及相关参数解释

2017/03/06 Javascript

详解使用fetch发送post请求时的参数处理

2017/04/05 Javascript

React-Native 组件之 Modal的使用详解

2017/08/08 Javascript

jQuery中extend函数简单用法示例

2017/10/11 jQuery

在Vue组件上动态添加和删除属性方法

2018/02/23 Javascript

vue2.0 可折叠列表 v-for循环展示的实例

2018/09/07 Javascript

js实现导航跟随效果

2018/11/17 Javascript

ES6的Fetch异步请求的实现方法

2018/12/07 Javascript

简单了解node npm cnpm的具体使用方法

2019/02/27 Javascript

JavaScript语法约定和程序调试原理解析

2020/11/03 Javascript

JavaScript代码实现简单计算器

2020/12/27 Javascript

[01:09:20]NB vs NAVI Supermajor小组赛A组 BO3 第二场 6.2

2018/06/03 DOTA

Python使用微信SDK实现的微信支付功能示例

2017/06/30 Python

Python多线程爬虫实战_爬取糗事百科段子的实例

2017/12/15 Python

Python搭建FTP服务器的方法示例

2018/01/19 Python

Python检查云备份进程是否正常运行代码实例

2019/08/22 Python

在python中利用try..except来代替if..else的用法

2019/12/19 Python

Python日志logging模块功能与用法详解

2020/04/09 Python

Python基于Faker假数据构造库

2020/11/30 Python

Python之Sklearn使用入门教程

2021/02/19 Python

营业员个人总结的自我评价

2013/10/25 职场文书

留学生如何写好自荐信

2013/12/27 职场文书

小学五年级学生评语

2014/04/22 职场文书

清明节网上祭英烈活动总结

2014/04/30 职场文书

综合实践活动总结

2014/05/05 职场文书

冬季作息时间调整通知

2015/04/24 职场文书

什么是执行力？9个故事告诉您：成功绝非偶然！

2019/07/05 职场文书