浅谈vue引用静态资源需要注意的事项


Posted in Javascript onSeptember 28, 2018

项目结构如下:

浅谈vue引用静态资源需要注意的事项

想在icon.styl文件夹里面引用字体图标,使用相对路径,但是报错

浅谈vue引用静态资源需要注意的事项

浏览器报错如下:

浅谈vue引用静态资源需要注意的事项

解决方案有两种:

方案1.使用根目录路径

浅谈vue引用静态资源需要注意的事项

方案2:将要引用的静态资源fonts文件夹放在static文件夹下

icon.styl文件下面的代码如下:

浅谈vue引用静态资源需要注意的事项

问题就解决了。

建议:静态资源统一管理在static文件夹下。

以上这篇浅谈vue引用静态资源需要注意的事项就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 小型打飞机游戏实现原理说明
Oct 28 Javascript
js的一些常用方法小结
Jun 29 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
Mar 19 Javascript
js保留小数点后几位的写法
Jan 03 Javascript
原生js编写设为首页兼容ie、火狐和谷歌
Jun 05 Javascript
js实现简单div拖拽功能实例
May 12 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
Sep 14 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
Sep 23 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
Jan 07 Javascript
详解Angular系列之变化检测(Change Detection)
Feb 26 Javascript
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
学习jQuery中的noConflict()用法
Sep 28 #jQuery
代码分析vue中如何配置less
Sep 28 #Javascript
使用JavaScript破解web
Sep 28 #Javascript
详解node字体压缩插件font-spider的用法
Sep 28 #Javascript
JS canvas绘制五子棋的棋盘
May 28 #Javascript
在vue中解决提示警告 for循环报错的方法
Sep 28 #Javascript
H5+C3+JS实现五子棋游戏(AI篇)
May 28 #Javascript
You might like
PHP session有效期问题
2009/04/26 PHP
将PHP的session数据存储到数据库中的代码实例
2016/06/24 PHP
面向对象的Javascript之二(接口实现介绍)
2012/01/27 Javascript
Javascript开发之三数组对象实例介绍
2012/11/12 Javascript
js中函数调用的两种常用方法使用介绍
2014/07/17 Javascript
JavaScript语言对Unicode字符集的支持详解
2014/12/30 Javascript
浅谈JavaScript数据类型及转换
2015/02/28 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
2017/01/11 Javascript
ES6中参数的默认值语法介绍
2017/05/03 Javascript
js实现网页的两个input标签内的数值加减(示例代码)
2017/08/15 Javascript
原生js+cookie实现购物车功能的方法分析
2017/12/21 Javascript
JQuery实现table中tr上移下移的示例(超简单)
2018/01/08 jQuery
详解Immutable及 React 中实践
2018/03/01 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
2019/08/20 Javascript
Python中Collections模块的Counter容器类使用教程
2016/05/31 Python
使用Python+Splinter自动刷新抢12306火车票
2018/01/03 Python
python使用正则筛选信用卡
2019/01/27 Python
Atom Python 配置Python3 解释器的方法
2019/08/28 Python
python BlockingScheduler定时任务及其他方式的实现
2019/09/19 Python
python 求定积分和不定积分示例
2019/11/20 Python
Python迭代器Iterable判断方法解析
2020/03/16 Python
浅谈CSS3动画的回调处理
2016/07/21 HTML / CSS
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
2018/12/29 HTML / CSS
传统HTML页面实现模块化加载的方法
2018/10/15 HTML / CSS
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
酒店保安员岗位职责
2014/01/31 职场文书
GMP办公室主任岗位职责
2014/03/14 职场文书
公证委托书格式
2014/09/13 职场文书
甲乙双方合作协议书
2014/10/13 职场文书
教师党员个人总结
2015/02/10 职场文书
大学生逃课检讨书
2015/05/04 职场文书
Vue3中toRef与toRefs的区别
2022/03/24 Vue.js
星际争霸 Light vs Action 一场把教主看到鬼畜的比赛
2022/04/01 星际争霸