需要先安装 node-sass及sass-loader
npm i node-sass --save-dev
npm i sass-loader --save-dev
解决在scss中引用图片路径报错:
方法1:在mian.js中引入,这种引入方式时,scss中图片使用相对路径
require(’./assets/style/index.scss’)
或 import ‘./assets/style/index.scss’
方法2:在app.vue中引入,借助webpack的~前缀
- css loader 会把非根路径的url解析为相对路径,加
~前缀才解析为模块路径。
方法3:在*.vue中的scss中直接使用图片
方法4:在*.vue中直接通过require引用图片,然后在html中通过 :style="{backgroundImage: ‘url(’+ 变量 +’)’}" 绑定使用
sass less scss区别
https://www.cnblogs.com/ToBeBest/p/8418994.html
axios vue.config.js配置文件
axios.defaults.baseURL = ‘https://api.example.com’;
axios.defaults.headers.common[‘Authorization’] = AUTH_TOKEN;
axios.defa
最后
以上就是勤奋冬日最近收集整理的关于这一周的工作总结的全部内容,更多相关这一周内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复