Vue2.0之axios使用

落日映苍穹つ 2022-05-19 04:17 178阅读 0赞

### 一、功能 ###

*  在浏览器中发送 [XMLHttpRequests][] 请求
 *  在 node.js 中发送 [http][]请求
 *  支持 [Promise][] API
 *  拦截请求和响应
 *  转换请求和响应数据
 *  自动转换 JSON 数据
 *  客户端支持保护安全免受 [XSRF][] 攻击

### 二、安装引用 ###

npm install axios

在main.js中

import axios from 'axios'
    Vue.prototype.$http = axios

### 三、使用 ###

发送get请求：

this.$http.get(this.submitUrl, {
                params: {
                  name: this.admin.username,
                  pass: this.admin.pass
                }
              })
                  .then((res) => {
                    console.log(res);
                  })
                  .catch((res) => {
                    console.log(res);
                  })

发送post请求：

let book={
              bname:this.product.bname,
              author:this.product.author
            }
            this.$http.post(this.addUrl,book)
              .then((res)=>{
                console.log(res);
              })

### 四、参考文档 ###

# [vue2.0之axios使用详解(一)][vue2.0_axios] #

[XMLHttpRequests]: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
[http]: http://nodejs.org/api/http.html
[Promise]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise
[XSRF]: http://en.wikipedia.org/wiki/Cross-site_request_forgery
[vue2.0_axios]: https://blog.csdn.net/binginsist/article/details/65630547

发表评论取消回复

表情：

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

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

相关阅读

相关 vue中使用axios

\Axios是什么？ 1.支持Promiss API 2.拦截请求和响应 3.转换请求数据和响应数据 4.取消请求 5.自动转换json数据 6....

素颜马尾好姑娘i/ 2024年04月17日 18:58/ 0 赞/ 5 阅读

相关 VUE使用axios

1，npm一下 npm install vue-axios --save npm install qs.js --save　　//这一步可以先忽略，它的作用是

雨点打透心脏的1/2处/ 2022年12月12日 13:53/ 0 赞/ 106 阅读

相关 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 阅读

相关 axios + webpack + vue。 axios基本使用

目的：在wepack+vue 项目中使用 axios 第一步：安装 cnpm i axios -S 第二步：导入 2-1导入：import axi

Dear 丶/ 2022年05月14日 09:20/ 0 赞/ 255 阅读

相关 Vue之axios

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

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

相关 axios封装之 vue

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

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

相关 vue 全局使用 axios

vue 全局使用 axios，可以直接在 main.js 中引入 axios；也可以对 axios 进行封装，封装之后再引入到 main.js 中。总之要想全局使用，就得引入到

水深无声/ 2022年01月26日 14:25/ 0 赞/ 547 阅读

相关 Vue 之 axios 篇

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

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

相关 Vue之axios基础使用

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

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