vue-知识点

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="">