【VUE2.0】9、Eslint、axios封装、

1.Eslint

        Eslint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码

        exlint官网

        .eslinttrc.js是配置文件，可以在rules节点下结合官网进行规则配置

2.axios封装(一)

        在vue-cli开发中，很多组件都要发送请求，需要在每个组件中重复导入axios和使用axios，太过繁琐，所以需要进行对axios进行封装

        a.在main.js中将axios挂载在vue原型上

//                                 在main.js上挂载
import Vue from 'vue'
import App from './App.vue'

//导入axiox
import axios from 'axios'

//在Vue原型上挂载axios（挂载时自定义名称，axios或者$http或者其他都可）
//Vue.prototype.axios = axios
Vue.prototype.$http = axios

Vue.config.productionTip = false

new Vue({
  render: h => h(App)
}).$mount('#app')



//                                在其他组件上使用时
//无需再单独导入axios
//挂载时若为axios则this.axios.get('')
//挂载时若为$http则this.$http.get('')
const { data: res } = await this.$http.get('xxxxxxx')

        b.在main.js中全局配置请求根目录

import Vue from 'vue'
import App from './App.vue'

import axios from 'axios'
//配置axios默认配置中的请求根目录（固定写法）
axios.default.baseURL = '请求根路径'
Vue.prototype.$http = axios

Vue.config.productionTip = false

new Vue({
  render: h => h(App)
}).$mount('#app')

        c.这种方式的缺点：如果在多个组件中请求同一个接口，无法实现高效率的复用