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


Posted in Javascript onSeptember 28, 2018

项目结构如下:

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

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

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

浏览器报错如下:

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

解决方案有两种:

方案1.使用根目录路径

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

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

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

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

问题就解决了。

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

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

Javascript 相关文章推荐
JS 字符串连接[性能比较]
May 10 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
Jan 07 Javascript
js中iframe调用父页面的方法
Oct 30 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
Mar 11 Javascript
jquery判断输入密码两次是否相等
Apr 22 Javascript
js滑动提示效果代码分享
Mar 10 Javascript
深入理解JS实现快速排序和去重
Oct 17 Javascript
浅谈javascript中执行环境(作用域)与作用域链
Dec 08 Javascript
JS实现类似百叶窗下拉菜单效果
Dec 30 Javascript
基于vue-video-player自定义播放器的方法
Mar 21 Javascript
vue2.0 + ele的循环表单及验证字段方法
Sep 18 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
dedecms中使用php语句指南
2014/11/13 PHP
Jquery 监视按键,按下回车键触发某方法的实现代码
2014/05/11 Javascript
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
jQuery显示和隐藏 常用的状态判断方法
2015/01/29 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
2015/08/07 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
prototype与__proto__区别详细介绍
2017/01/09 Javascript
Vue2单一事件管理组件通信
2017/05/09 Javascript
node.js调用Chrome浏览器打开链接地址的方法
2017/05/17 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
2018/07/26 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
2018/09/16 Javascript
JavaScript装饰者模式原理与用法实例详解
2020/03/09 Javascript
[02:55]DOTA2英雄基础教程 发条技师
2013/12/04 DOTA
python3.3教程之模拟百度登陆代码分享
2014/01/16 Python
Python兔子毒药问题实例分析
2015/03/05 Python
python实现清屏的方法
2015/04/30 Python
python搭建虚拟环境的步骤详解
2016/09/27 Python
python getopt详解及简单实例
2016/12/30 Python
HTML中使用python屏蔽一些基本功能的方法
2017/07/07 Python
Python实现图片转字符画的示例代码
2017/08/21 Python
Python实现的密码强度检测器示例
2017/08/23 Python
Python 列表理解及使用方法
2017/10/27 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
如何用Python 实现全连接神经网络(Multi-layer Perceptron)
2020/10/15 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
荷兰在线体育用品商店:Avantisport.nl
2018/07/04 全球购物
波兰运动鞋网上商店:Distance.pl
2020/07/30 全球购物
教师绩效考核方案
2014/01/21 职场文书
大学生党员个人剖析材料
2014/10/08 职场文书
诚信高考倡议书
2019/06/24 职场文书
react国际化react-intl的使用
2021/05/06 Javascript
MySQL分区表实现按月份归类
2021/11/01 MySQL