vue使用axios

最新推荐文章于 2024-09-20 16:29:25 发布

oKven_

最新推荐文章于 2024-09-20 16:29:25 发布

阅读量241

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： axios

本文链接：https://blog.youkuaiyun.com/qq_40413396/article/details/86608629

vue 专栏收录该内容

11 篇文章

订阅专栏

安装依赖包

npm i axios -S
// 或者用淘宝的镜像
cnpm i axios -S

配置

// main.js
import axios from 'axios'
import VueAxios from 'vue-axios'
//设置全局配置  头部 域
let axiosInstance = axios.create({
  baseURL: 'xxx.com',
  transformRequest: function (data) {
    return Qs.stringify(data)
  },
  headers: { 'Content-Type': 'application/json' }
});
// 每次请求携带cookies信息  或者说可以是解决跨域
axios.defaults.withCredentials = true;
Vue.use(VueAxios, axiosInstance);

使用

// get

this.axios.get('/api/v1')  // 设置公共域了 只需要拼接后面的字符串就可以了
  .then(res => {
    console.log(res.data.data[0]);
    _this.goods = res.data.data[0];
  })
  .catch(res => {
    console.log(res.data)
  })


  // post
  axios.post('/user', {
      firstName: 'Fred',
      lastName: 'Flintstone'
    })
    .then(function (response) {
      console.log(response);
    })
    .catch(function (response) {
      console.log(response);
    });


    // 并发对个请求

    function getUserAccount() {
      return axios.get('/user/12345');
    }

    function getUserPermissions() {
      return axios.get('/user/12345/permissions');
    }

    axios.all([getUserAccount(), getUserPermissions()])
      .then(axios.spread(function (acct, perms) {
        // Both requests are now complete
      }));