Vue之axios

我会带着你远行 2022-04-18 05:08 201阅读 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 条评论，201人围观）

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

相关阅读

相关 vue axios

> vue中官方的请求方法一、基本用法 1. `axios(options)` 或 `axios.request(options)` （1）这两个是一样

水深无声/ 2022年12月22日 00:56/ 0 赞/ 173 阅读

相关 vue之axios使用

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

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

相关 Vue2.0之axios使用

一、功能在浏览器中发送 [XMLHttpRequests][] 请求在 node.js 中发送 [http][]请求支持 [Promise][]

落日映苍穹つ/ 2022年05月19日 04:17/ 0 赞/ 179 阅读

相关 vue axios

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

落日映苍穹つ/ 2022年04月25日 08:50/ 0 赞/ 185 阅读

相关 Vue之axios

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

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

相关 axios封装之 vue

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

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

相关 Vue. 之 npm安装 axios

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

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

相关 Vue 之 axios 篇

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

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

相关 Vue之封装二次axios

第一步，首先安装axios，这里推荐局部安装 npm i -D axios 第二步，在src目录下创建request文件夹，然后在里面创建两个文件http.j

梦里梦外;/ 2021年08月13日 22:41/ 0 赞/ 456 阅读

相关 Vue之axios基础使用

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

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