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


Posted in Javascript onSeptember 28, 2018

项目结构如下:

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

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

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

浏览器报错如下:

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

解决方案有两种:

方案1.使用根目录路径

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

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

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

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

问题就解决了。

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

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

Javascript 相关文章推荐
jquery实现按Enter键触发事件示例
Sep 10 Javascript
JavaScript使用Prototype实现面向对象的方法
Apr 14 Javascript
js实现一个链接打开两个链接地址的方法
May 12 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
Jul 21 Javascript
如何使用angularJs
May 08 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
Oct 16 Javascript
ES6中数组array新增方法实例总结
Nov 07 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
玩转vue的slot内容分发
Sep 22 Javascript
Vue.js组件props数据验证实现详解
Oct 19 Javascript
JavaScript 替换所有匹配内容及正则替换方法
Feb 12 Javascript
微信小程序实现限制用户转发功能的实例代码
Feb 22 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
介绍php设计模式中的工厂模式
2008/06/12 PHP
PHP中的函数嵌套层数限制分析
2011/06/13 PHP
php记录日志的实现代码
2011/08/08 PHP
PHP简单获取及判断提交来源的方法
2016/04/22 PHP
Yii2结合Workerman的websocket示例详解
2018/09/10 PHP
统计出现最多的字符次数的js代码
2010/12/03 Javascript
模拟select的代码
2011/10/19 Javascript
同时使用n个window onload加载实例介绍
2013/04/25 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
浅析jQuery对select操作小结(遍历option,操作option)
2013/07/04 Javascript
用javascript删除当前行,添加行(示例代码)
2013/11/25 Javascript
jquery检测input checked 控件是否被选中的方法
2014/03/26 Javascript
jquery实现先淡出再折叠收起的动画效果
2015/08/07 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
详解js中call与apply关键字的作用
2016/11/21 Javascript
浅述节点的创建及常见功能的实现
2016/12/15 Javascript
利用vue实现模态框组件
2016/12/19 Javascript
js获取css的各种样式并且设置他们的方法
2017/08/22 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
2018/03/06 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
2018/09/14 Javascript
转换layUI的数据表格中的日期格式方法
2019/09/19 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
[04:42]2015国际邀请赛CDEC战队晋级之路
2015/08/13 DOTA
python将MongoDB里的ObjectId转换为时间戳的方法
2015/03/13 Python
Python多线程结合队列下载百度音乐的方法
2015/07/27 Python
python中pandas.DataFrame对行与列求和及添加新行与列示例
2017/03/12 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
应届电子商务毕业自荐书范文
2014/02/11 职场文书
高中军训感言400字
2014/02/24 职场文书
北京奥运会口号
2014/06/21 职场文书
书法社团活动总结
2015/05/07 职场文书
网络营销实训总结
2015/08/03 职场文书
MYSQL 运算符总结
2021/11/11 MySQL
Python中time与datetime模块使用方法详解
2022/03/31 Python
Android studio 简单计算器的编写
2022/05/20 Java/Android