【Vue】2-8、Axios 网络请求

cdn： 

注：使用 CDN 链接就可以不需要去下载对应的 js 文件到本地，只需要联网即可使用，可以减少项目的体积  

    get
    post
    
    
    

import axios from 'axios'

// Vue.prototype.axios = axios
Vue.prototype.$http = axios

 如果每次使用都要导入一次，那就太麻烦了，也降低了可维护性

可以在 main.js 文件中导入 axios ，这样就不需要在每个组件中都重新导入了   

methods: {
 async postInfo() {
   const { data: res } = await this.$http.post('http://www.liulongbin.top:3006/api/post', { name: 'zs', age: 20 })
   console.log(res)
 }
}

// 全局配置 axios 的请求跟路径
axios.defaults.baseURL = 'http://www.liulongbin.top:3006'

 缺点：不利于 API 的复用！

一  叶  知  秋，奥  妙  玄  心