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


Posted in Javascript onSeptember 28, 2018

项目结构如下:

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

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

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

浏览器报错如下:

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

解决方案有两种:

方案1.使用根目录路径

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

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

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

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

问题就解决了。

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

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

Javascript 相关文章推荐
jquery 读取页面load get post ajax 四种方式代码写法
Apr 02 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
Nov 21 Javascript
使用apply方法实现javascript中的对象继承
Dec 16 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
Jun 10 Javascript
js动态改变select选择变更option的index值示例
Jul 10 Javascript
如何利用Promises编写更优雅的JavaScript代码
May 17 Javascript
用JS动态改变表单form里的action值属性的两种方法
May 25 Javascript
微信js-sdk上传与下载图片接口用法示例
Oct 12 Javascript
node.js平台下的mysql数据库配置及连接
Mar 31 Javascript
JS解析后台返回的JSON格式数据实例
Aug 06 Javascript
jQuery实现html可联动的百分比进度条
Mar 26 jQuery
react+antd 递归实现树状目录操作
Nov 02 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为什么选mysql作为数据库? Mysql 创建用户方法
2007/07/02 PHP
PHP在获取指定目录下的目录,在获取的目录下面再创建文件,多平台
2011/08/03 PHP
phpExcel中文帮助手册之常用功能指南
2014/08/18 PHP
php自定文件保存session的方法
2014/12/10 PHP
php结合md5的加密解密算法实例
2016/09/30 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
ajax不执行success回调而是执行了error回调
2012/12/10 Javascript
jQuery让控件左右移动的三种实现方法
2013/09/08 Javascript
javascript如何实现暂停功能
2015/11/06 Javascript
javascript中闭包(Closure)详解
2016/01/06 Javascript
JavaScript代码实现图片循环滚动效果
2020/03/19 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
2016/08/12 Javascript
利用yarn实现一个webpack+react种子
2016/10/25 Javascript
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
Vue如何实现响应式系统
2018/07/11 Javascript
使用D3.js+Vue实现一个简单的柱形图
2018/08/05 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
Node.js 实现远程桌面监控的方法步骤
2019/07/02 Javascript
nodejs使用node-xlsx生成excel的方法示例
2019/08/22 NodeJs
在layui中layer弹出层点击事件无效的解决方法
2019/09/05 Javascript
微信小程序自定义弹出层效果
2020/05/26 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
利用 Monkey 命令操作屏幕快速滑动
2016/12/07 Python
简单实现python收发邮件功能
2018/01/05 Python
vscode调试django项目的方法
2020/08/06 Python
python 监控服务器是否有人远程登录(详细思路+代码)
2020/12/18 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
西班牙最好的在线购买葡萄酒的商店:Vinoseleccion
2019/10/30 全球购物
见习期自我鉴定
2014/01/31 职场文书
财务支持类个人的自我评价
2014/02/14 职场文书
成品库仓管员岗位职责
2014/04/06 职场文书
班主任与学生安全责任书
2014/07/25 职场文书
公司辞职信模板
2015/05/13 职场文书
小学美术教学反思
2016/02/17 职场文书
劳动合同变更协议书范本
2019/04/18 职场文书