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


Posted in Javascript onSeptember 28, 2018

项目结构如下:

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

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

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

浏览器报错如下:

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

解决方案有两种:

方案1.使用根目录路径

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

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

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

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

问题就解决了。

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

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

Javascript 相关文章推荐
使用JQuery和s3captche实现一个水果名字的验证
Aug 14 Javascript
jquery实现鼠标滑过小图时显示大图的方法
Jan 14 Javascript
基于javascript实现随机颜色变化效果
Jan 14 Javascript
ajax跨域调用webservice的实现代码
May 09 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
Jun 08 Javascript
jQuery 全选 全部选 反选 实现代码
Aug 17 Javascript
javascript中Date对象的使用总结
Nov 21 Javascript
JS switch判断 三目运算 while 及 属性操作代码
Sep 03 Javascript
vue实现跨域的方法分析
May 21 Javascript
vuex 多模块时 模块内部的mutation和action的调用方式
Jul 24 Javascript
react的hooks的用法详解
Oct 12 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 Javascript
学习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
mysql,mysqli,PDO的各自不同介绍
2012/09/19 PHP
thinkPHP中钩子的两种配置调用方法详解
2016/11/11 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
JS创建自定义表格具体实现
2014/02/11 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
2014/02/21 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
2015/01/28 Javascript
javascript实现密码强度显示
2015/03/18 Javascript
JQuery解析XML的方法小结
2016/04/02 Javascript
简单理解vue中实例属性vm.$els
2016/12/01 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
jQuery Jsonp跨域模拟搜索引擎
2017/06/17 jQuery
es7学习教程之Decorators(修饰器)详解
2017/07/21 Javascript
深入解析nodejs HTTP服务
2017/07/25 NodeJs
微信小程序实现评论功能
2018/11/28 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
2018/12/05 Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
2019/04/29 Javascript
js实现无缝滚动双图切换效果
2019/07/09 Javascript
[01:04:08]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第一场 12.16
2020/12/18 DOTA
python中的多重继承实例讲解
2014/09/28 Python
详解Python各大聊天系统的屏蔽脏话功能原理
2016/12/01 Python
python编程实现归并排序
2017/04/14 Python
Python读取sqlite数据库文件的方法分析
2017/08/07 Python
python3.4实现邮件发送功能
2018/05/28 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
如何基于Python + requests实现发送HTTP请求
2020/01/13 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
numpy的Fancy Indexing和array比较详解
2020/06/11 Python
python+selenium实现12306模拟登录的步骤
2021/01/21 Python
HTML5离线缓存Manifest是什么
2016/03/09 HTML / CSS
详解window.open被浏览器拦截的解决方案
2019/07/18 HTML / CSS
美国最大的半成品净菜电商:Blue Apron(蓝围裙)
2018/04/27 全球购物
英文商务邀请信
2014/01/22 职场文书
安全责任书范本
2014/04/15 职场文书
教师考核评语
2014/04/28 职场文书
批评与自我批评发言稿
2014/10/15 职场文书
详解python中[-1]、[:-1]、[::-1]、[n::-1]使用方法
2021/04/25 Python