Vue之axios

我会带着你远行 2022-04-18 05:08 378阅读 0赞

**axios 简介**  
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：

1. 从浏览器中创建 XMLHttpRequest
     2. 从 node.js 发出 http 请求从 node.js 发出 http 请求
     3. 支持 Promise API支持 Promise API
     4. 拦截请求和响应拦截请求和响应
     5. 转换请求和响应数据转换请求和响应数据
     6. 取消请求取消请求
     7. 自动转换JSON数据
     8. 客户端支持防止 CSRF/XSRF客户端支持防止 CSRF/XSRF

引入方式：

$ npm install axios
    $ cnpm install axios //taobao源
    $ bower install axios
    或者使用cdn：
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

**例子：**  
main.js注册axios

import Vue from 'vue'
    import App from './App.vue'
    import router from './router'
    import store from './store'
    import axios from 'axios'
    
    Vue.config.productionTip = false
    Vue.prototype.$axios = axios
    
    new Vue({
      router,
      store,
      axios,
      render: h => h(App)
    }).$mount('#app')

axios之get请求

getApi(){
          this.$axios.get("url")
          .then((res) => {
            console.log('111')
            console.log(res.data)
          })
          .catach((err) => {
            console.log('222')
            console.log(err)
          })

axios之post请求

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

执行多个并发请求

function getUserAccount() {
    return axios.get('url1');
    }
     
    function getUserPermissions() {
    return axios.get('url2');
    }
     
    axios.all([getUserAccount(), getUserPermissions()])
    .then(axios.spread(function (acct, perms) {
    //两个请求现已完成
    }));

发表评论取消回复

表情：

评论列表（有 0 条评论，378人围观）

还没有评论，来说两句吧...

相关阅读

相关【Vue】五、Vue.js之Axios

后端程序员的vue学习之路一、Axios 1、安装方法 2、GET 方法普通请求 async

阳光穿透心脏的1/2处/ 2023年10月09日 15:17/ 0 赞/ 82 阅读

相关 Vue 之 axios 使用

1.0 推荐使用 vue-resource 库。 Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。首先安装 > npm install axio

Dear 丶/ 2023年06月04日 07:53/ 0 赞/ 111 阅读

相关 vue项目之axios

配置`axios`发起登录请求 > 在`main.js`中：配置`axios` > > 1. 导入`axios`包 > 2. 配置请求的根路径 > 3. 把`ax

悠悠/ 2023年03月12日 09:26/ 0 赞/ 44 阅读

相关 Vue之axios基础使用

axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： > 1. 从浏览器中创建 XMLHtt

迷南。/ 2023年02月09日 10:28/ 0 赞/ 85 阅读

相关 vue之axios使用

一、安装 1、利用npm安装`npm install axios --save` 2、利用bower安装`bower install axios --save`

雨点打透心脏的1/2处/ 2022年06月13日 00:14/ 0 赞/ 381 阅读

相关 Vue之axios

axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： 1. 从浏览器中创建 XMLHtt

我会带着你远行/ 2022年04月18日 05:08/ 0 赞/ 379 阅读

相关 axios封装之 vue

/ / import axios from 'axios' let base = 'http://192.168.1.

ゞ浴缸里的玫瑰/ 2022年01月28日 15:29/ 0 赞/ 446 阅读

相关 Vue. 之 npm安装 axios

Vue. 之 npm安装 axios 　　使用指令： cnpm install axios 转载于:https://www.cnblogs.com/Charle

爱被打了一巴掌/ 2021年10月29日 16:31/ 0 赞/ 806 阅读

相关 Vue 之 axios 篇

一：前言利用axios在vue中获取网络上的数据来进行交互。二：步骤 2.1下载导入 npm install --save axios vu

小咪咪/ 2021年09月03日 05:54/ 0 赞/ 468 阅读

相关 Vue之axios基础使用

答：axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它有哪些特征：

小灰灰/ 2020年05月15日 09:56/ 0 赞/ 1015 阅读