vue-cli axios的使用

1.安装依赖

npm install axios -S

2.修改原型链  参考:https://www.cnblogs.com/wisewrong/p/6402183.html

// 在main.js中引入axios

   import axios from 'axios'

// 全局axios默认配置

   axios.defaults.baseURL = 'https://api.example.com';
   axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
   axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

// 这时候如果在其它的组件中,是无法使用 axios 命令的。但如果将 axios 改写为 Vue 的原型属性,就能解决这个问题

   Vue.prototype.$http = axios

3.发送请求  参考:https://blog.csdn.net/binginsist/article/details/65630547

// 例如发送一个get请求

   mounted(){
      this.$http.get('/home')
      
      // 成功的回调函数

      .then(res=>{

       console.log(res)

      })

      // 失败的回调函数
      
      .catch(res=>{

        console.log(res)

      })
   
   }

猜你喜欢

转载自blog.csdn.net/weixin_39907729/article/details/81625105