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


Posted in Javascript onSeptember 28, 2018

项目结构如下:

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

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

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

浏览器报错如下:

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

解决方案有两种:

方案1.使用根目录路径

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

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

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

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

问题就解决了。

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

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

Javascript 相关文章推荐
js tab 选项卡
Apr 26 Javascript
Jquery实现textarea根据文本内容自适应高度
Apr 03 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
JavaScript中的各种操作符使用总结
May 26 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
JavaScript内置对象math,global功能与用法实例分析
Jun 10 Javascript
新手入门带你学习JavaScript引擎运行原理
Jun 24 Javascript
VUE.js实现动态设置输入框disabled属性
Oct 28 Javascript
vue 强制组件重新渲染(重置)的两种方案
Oct 29 Javascript
npm qs模块使用详解
Feb 07 Javascript
JavaScrip如果基于url实现图片下载
Jul 03 Javascript
create-react-app开发常用配置教程
Jun 25 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
详解YII关联查询
2016/01/10 PHP
PHP使用PHPExcel实现批量上传到数据库的方法
2017/06/08 PHP
TNC vs RR BO3 第一场 2.14
2021/03/10 DOTA
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
2013/08/19 Javascript
Javascript中string转date示例代码
2013/11/01 Javascript
js点击出现悬浮窗效果不使用JQuery插件
2014/01/20 Javascript
jquery实现滑动特效代码
2015/08/10 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
JS调用打印机功能简单示例
2016/11/28 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
利用纯JS实现像素逐渐显示的方法示例
2017/08/14 Javascript
从对象列表中获取一个对象的方法,依据关键字和值
2017/09/20 Javascript
原生js实现仿window10系统日历效果的实例
2017/10/31 Javascript
JS实现的小火箭发射动画效果示例
2018/12/08 Javascript
Python中__init__和__new__的区别详解
2014/07/09 Python
Python上传package到Pypi(代码简单)
2016/02/06 Python
详解如何利用Cython为Python代码加速
2018/01/27 Python
Python如何发布程序的详细教程
2018/10/09 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
Tensorflow与Keras自适应使用显存方式
2020/06/22 Python
详解Selenium-webdriver绕开反爬虫机制的4种方法
2020/10/28 Python
香港钟表珠宝首饰商城:OneMallTime网摩间
2016/10/14 全球购物
手工制作的意大利皮革运动鞋:KOIO
2020/01/05 全球购物
化工专业大学生职业生涯规划书
2014/01/14 职场文书
驾驶员岗位职责
2014/01/29 职场文书
万年牢教学反思
2014/02/15 职场文书
考核评语大全
2014/04/29 职场文书
争先创优演讲稿
2014/09/15 职场文书
2014公司年终工作总结
2014/12/19 职场文书
地震慰问信
2015/02/14 职场文书
社会实践活动总结格式
2015/05/11 职场文书
2019初中学生入团申请书
2019/06/27 职场文书
Python中可变和不可变对象的深入讲解
2021/08/02 Python
详细介绍MySQL中limit和offset的用法
2022/05/06 MySQL
介绍一下28个JS常用数组方法
2022/05/06 Javascript
Win10多屏显示如何设置?Win10电脑多屏显示设置操作方法
2022/07/07 数码科技