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


Posted in Javascript onSeptember 28, 2018

项目结构如下:

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

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

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

浏览器报错如下:

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

解决方案有两种:

方案1.使用根目录路径

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

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

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

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

问题就解决了。

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

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

Javascript 相关文章推荐
Jquery升级新版本后选择器的语法问题
Jun 02 Javascript
基于jquery的回到页面顶部按钮
Jun 27 Javascript
javascript中的window.location.search方法简介
Sep 02 Javascript
js history对象简单实现返回和前进
Oct 30 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
Jan 23 Javascript
ECharts仪表盘实例代码(附源码下载)
Feb 18 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
js在ie下打开对话窗口的方法小结
Oct 24 Javascript
Bootstrap框架实现广告轮播效果
Nov 28 Javascript
详解angularjs获取元素以及angular.element()用法
Jul 25 Javascript
详解如何用模块化的方式写vuejs
Dec 16 Javascript
JS判断两个数组或对象是否相同的方法示例
Feb 28 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
第十三节 对象串行化 [13]
2006/10/09 PHP
Yii中创建自己的Widget实例
2016/01/05 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
Javascript string 扩展库代码
2010/04/09 Javascript
基于jquery的模态div层弹出效果
2010/08/21 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
JavaScript事件学习小结(一)事件流
2016/06/09 Javascript
jQuery实现简洁的轮播图效果实例
2016/09/07 Javascript
Angular的自定义指令以及实例
2016/12/26 Javascript
关于JavaScript的单双引号嵌套问题
2017/08/20 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
2018/07/30 Javascript
vue仿element实现分页器效果
2018/09/13 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
JavaScript对JSON数组简单排序操作示例
2019/01/31 Javascript
使用jQuery如何写一个含验证码的登录界面
2019/05/13 jQuery
python sort、sorted高级排序技巧
2014/11/21 Python
Python列表(list)、字典(dict)、字符串(string)基本操作小结
2014/11/28 Python
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
Python内建函数之raw_input()与input()代码解析
2017/10/26 Python
python实现在pandas.DataFrame添加一行
2018/04/04 Python
windows下cx_Freeze生成Python可执行程序的详细步骤
2018/10/09 Python
解决python彩色螺旋线绘制引发的问题
2019/11/23 Python
Python assert关键字原理及实例解析
2019/12/13 Python
Python xml、字典、json、类四种数据类型如何实现互相转换
2020/05/27 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
销售行政专员职责
2014/01/03 职场文书
工程技术员岗位职责
2014/03/02 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
人力资源管理系自荐信
2014/05/31 职场文书
优秀团队申报材料
2014/12/26 职场文书
医者仁心观后感
2015/06/17 职场文书
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery
Golang全局变量加锁的问题解决
2021/05/08 Golang
只用Python就可以制作的简单词云
2021/06/07 Python