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


Posted in Javascript onSeptember 28, 2018

项目结构如下:

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

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

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

浏览器报错如下:

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

解决方案有两种:

方案1.使用根目录路径

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

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

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

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

问题就解决了。

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

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

Javascript 相关文章推荐
你真的了解JavaScript吗?
Feb 24 Javascript
javascript div 弹出可拖动窗口
Feb 26 Javascript
使用javascript实现json数据以csv格式下载
Jan 09 Javascript
原生JS实现响应式瀑布流布局
Apr 02 Javascript
简介JavaScript中的setHours()方法的使用
Jun 11 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
Jun 19 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
Aug 01 Javascript
JS验证输入的是否是数字及保留几位小数问题
May 09 Javascript
JS正则表达式封装与使用操作示例
May 15 Javascript
Angular.JS读取数据库数据调用完整实例
Jul 02 Javascript
node express使用HTML模板的方法示例
Aug 22 Javascript
js中的面向对象之对象常见创建方法详解
Dec 16 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实现在限定区域里自动调整字体大小的类实例
2015/04/02 PHP
Yii使用Captcha验证码的方法
2015/12/28 PHP
linux下php上传文件注意事项
2016/06/11 PHP
php批量转换文件夹下所有文件编码的函数类
2017/08/06 PHP
php实现分页功能的详细实例方法
2019/09/29 PHP
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
2010/03/20 Javascript
基于MooTools的很有创意的滚动条时钟动画
2010/11/14 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
2014/03/27 Javascript
使用Nodejs开发微信公众号后台服务实例
2014/09/03 NodeJs
jquery实现的简单二级菜单效果代码
2015/09/22 Javascript
jQuery中的类名选择器(.class)用法简单示例
2018/05/14 jQuery
JS实现用特殊符号替换字符串的中间部分区域的实例代码
2018/07/24 Javascript
vue拖拽组件使用方法详解
2018/12/01 Javascript
微信小程序template模板与component组件的区别和使用详解
2019/05/22 Javascript
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
[00:09]DOTA2新版本PA至宝特效动作展示
2014/11/19 DOTA
[01:00] DOTA2英雄背景故事第五期之重力引力法则谜团
2020/07/16 DOTA
python实现定制交互式命令行的方法
2014/07/03 Python
python实现的多线程端口扫描功能示例
2017/01/21 Python
对Python正则匹配IP、Url、Mail的方法详解
2018/12/25 Python
python dlib人脸识别代码实例
2019/04/04 Python
Python Django框架实现应用添加logging日志操作示例
2019/05/17 Python
为2021年的第一场雪锦上添花:用matplotlib绘制雪花和雪景
2021/01/05 Python
Viking Direct爱尔兰:办公用品和家具
2019/11/21 全球购物
国贸类专业毕业生的求职信分享
2013/12/08 职场文书
村优秀党员事迹材料
2014/01/15 职场文书
大学生水果店创业计划书
2014/01/28 职场文书
个人近期表现材料
2014/02/11 职场文书
物流专员岗位职责
2014/02/17 职场文书
经济担保书范文
2014/04/02 职场文书
教师考察材料范文
2014/06/03 职场文书
企业爱岗敬业演讲稿
2014/09/04 职场文书
2014年英语教师工作总结
2014/12/03 职场文书
Python实现信息轰炸工具(再也不怕说不过别人了)
2021/06/11 Python