Vue之axios

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

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

相关阅读

相关 vue axios

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

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

相关 vue踩坑系列之axios

最近的项目是用vue开发的在开发过程中与后端交互使用的是axios 但是post提交后端总是获取不到值用接口测试器测试没问题后来才知道是有格式问题axios默认发送的是R

灰太狼/ 2022年10月01日 07:57/ 0 赞/ 206 阅读

相关 vue之axios使用

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

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

相关 vue axios

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

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

相关 Vue之axios

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

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

相关 axios封装之 vue

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

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

相关 Vue. 之 npm安装 axios

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

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

相关 Vue 之 axios 篇

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

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

相关 Vue之封装二次axios

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

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

相关 Vue之axios基础使用

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

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