1.设置代理 vue.config.vue
module.exports={
devServer:{
host:'localhost',
proxy:{
'/api':{
target:'http://mall-pre.springboot.cn',
changeOrigin:true,
pathRewrite:{
'/api':''
}
}
}
},
}
2.去除打包后的.map文件 vue.config.vue
productionSourceMap:false,
3.使用sass
node-sass 和 sass-loader都需要引入
4.想直接使用this.axios
需要导入 axios 和 vue-axios
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios,axios)
5.让@指向src目录
配置vue.config.js
const path = require('path')
function resolve(dir) {
return path.join(__dirname, dir)
}
configureWebpack: { resolve: { alias: { '@': resolve('src') } } }
6.懒加载图片
npm install vue-lazyload
Vue.use(VueLazyLoad,{
loading:'/imgs/loading-svg/loading-bars.svg'
})
<img v-lazy="item.img" alt="">