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

js(jQuery)获取时间的方法及常用时间类搜集

Oct 23 Javascript

jQuery右侧选项卡焦点图片轮播特效代码分享

Sep 05 Javascript

针对后台列表table拖拽比较实用的jquery拖动排序

Oct 10 Javascript

js实现点击图片自动提交action的简单方法

Oct 16 Javascript

全面解析node 表单的图片上传

Nov 21 Javascript

解析利用javascript如何判断一个数为素数

Dec 08 Javascript

bootstrap table实现双击可编辑、添加、删除行功能

Sep 27 Javascript

ES6/JavaScript使用技巧分享

Dec 14 Javascript

微信小程序工具函数封装

Oct 28 Javascript

使用Bootstrap做一个朝代历史表

Dec 10 Javascript

Vue+Vuex实现自动登录的知识点详解

Mar 04 Javascript

基于Ionic3实现选项卡切换并重新加载echarts

Sep 24 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

jQuery+php实现ajax文件即时上传的详解

2013/06/17 PHP

php返回json数据函数实例

2014/10/09 PHP

Thinkphp实现自动验证和自动完成

2015/12/19 PHP

PHP实现微信公众号验证Token的示例代码

2019/12/16 PHP

laravel与thinkphp之间的区别与优缺点

2021/03/02 PHP

javascript 表格排序和表头浮动效果(扩展SortTable)

2009/04/07 Javascript

JavaScript中清空数组的三种方法分享

2011/04/07 Javascript

JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)

2011/07/04 Javascript

NodeJS的模块写法入门(实例代码)

2012/03/07 NodeJs

关于img的href和src取变量及赋值的方法

2014/04/28 Javascript

用html5 js实现点击一个按钮达到浏览器全屏效果

2014/05/28 Javascript

原生js编写设为首页兼容ie、火狐和谷歌

2014/06/05 Javascript

jquery中one()方法的用法实例

2015/01/16 Javascript

JavaScript判断数组是否包含指定元素的方法

2015/07/01 Javascript

微信小程序教程之wxapp视图容器 swiper

2016/10/19 Javascript

Javascript中关于Array.filter()的妙用详解

2016/12/04 Javascript

Jquery Easyui选项卡组件Tab使用详解（10）

2016/12/18 Javascript

js 函数式编程学习笔记

2017/03/25 Javascript

SpringMVC简单整合Angular2的示例

2017/07/31 Javascript

JS/HTML5游戏常用算法之碰撞检测包围盒检测算法详解【圆形情况】

2018/12/13 Javascript

解析JS在获取当前月的最后一天遇到的坑

2019/08/30 Javascript

解决vue项目 build之后资源文件找不到的问题

2020/09/12 Javascript

[44:40]Spirit vs Navi Supermajor小组赛 A组败者组第一轮 BO3 第一场 6.2

2018/06/03 DOTA

Python 错误和异常小结

2013/10/09 Python

python的concat等多种用法详解

2018/11/28 Python

python实现梯度下降法

2020/03/24 Python

欧洲最大的滑雪假期供应商之一：Sunweb Holidays

2018/01/06 全球购物

来自圣地亚哥的实惠太阳镜：Knockaround

2018/08/27 全球购物

介绍一下Cookie和Session及他们之间的区别

2012/11/20 面试题

中医药大学市场营销专业自荐信

2013/09/29 职场文书

应届生个人求职信模板

2013/11/26 职场文书

就职演讲稿范文

2014/05/19 职场文书

党员群众路线承诺书

2014/05/20 职场文书

应届生自荐书

2014/06/23 职场文书

22句经典语录：送给优柔寡断和胡思乱想的朋友们

2019/12/13 职场文书

配置nginx负载均衡

2022/05/06 Servers