需要先安装 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