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


Posted in Javascript onSeptember 28, 2018

项目结构如下:

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

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

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

浏览器报错如下:

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

解决方案有两种:

方案1.使用根目录路径

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

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

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

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

问题就解决了。

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

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

Javascript 相关文章推荐
基于jquery的鼠标拖动效果代码
May 30 Javascript
jQuery模拟超链接点击效果代码
Apr 21 Javascript
详解javascript跨浏览器事件处理程序
Mar 27 Javascript
简单的js计算器实现
Oct 26 Javascript
js实现字符全排列算法的简单方法
May 01 Javascript
快速了解vue-cli 3.0 新特性
Feb 28 Javascript
微信小程序实现自定义picker选择器弹窗内容
May 26 Javascript
zepto.js 实时监听输入框的方法
Dec 04 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
Mar 28 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
Aug 14 Javascript
ES2020系列之空值合并运算符 '??'
Jul 22 Javascript
前端JS获取URL参数的4种方法总结
Apr 05 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
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
PHP移动文件指针ftell()、fseek()、rewind()函数总结
2014/11/18 PHP
php生成圆角图片的方法
2015/04/07 PHP
Smarty高级应用之缓存操作技巧分析
2016/05/14 PHP
js表数据排序 sort table data
2009/02/18 Javascript
JS获取后台Cookies值的小例子
2013/03/04 Javascript
浅谈checkbox的一些操作(实战经验)
2013/11/20 Javascript
document节点对象的获取方式示例介绍
2013/12/24 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
2014/03/25 Javascript
很棒的Bootstrap选项卡切换效果
2016/07/01 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
javascript实现获取图片大小及图片等比缩放的方法
2016/11/24 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
2018/07/11 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
2018/08/19 Javascript
微信小程序实现页面监听自定义组件的触发事件
2020/11/01 Javascript
介绍Python中的文档测试模块
2015/04/28 Python
Python 利用scrapy爬虫通过短短50行代码下载整站短视频
2018/10/29 Python
python Pexpect 实现输密码 scp 拷贝的方法
2019/01/03 Python
详解从Django Rest Framework响应中删除空字段
2019/01/11 Python
python多线程http压力测试脚本
2019/06/25 Python
Python实现12306火车票抢票系统
2019/07/04 Python
浅谈numpy中函数resize与reshape,ravel与flatten的区别
2020/06/18 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
使用CSS Grid布局实现网格的流动
2014/12/30 HTML / CSS
用纯CSS3实现网页中常见的小箭头
2017/10/16 HTML / CSS
使用CSS3实现字体颜色渐变的实现
2020/08/10 HTML / CSS
行政人事经理职位说明书
2014/03/05 职场文书
家长会主持词开场白
2014/03/18 职场文书
2014年禁毒工作总结
2014/11/24 职场文书
忠犬八公的故事观后感
2015/06/05 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书
JavaWeb 入门篇:创建Web项目,Idea配置tomcat
2021/07/16 Java/Android
漫画《尖帽子的魔法工坊》宣布动画化
2022/04/06 日漫
关于vue-router-link选择样式设置
2022/04/30 Vue.js