关于vue.js简单配置axios的方法介绍

来源：动视网责编：小采时间：2020-11-27 19:34:58

关于vue.js简单配置axios的方法介绍

关于vue.js简单配置axios的方法介绍:这篇文章主要介绍了关于vue.js简单配置axios的方法介绍，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下axios是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，下面这篇文章主要给大家介绍了关于vue.js简单配置axios的相关

推荐度：

点击下载本文 文档为doc格式

导读关于vue.js简单配置axios的方法介绍:这篇文章主要介绍了关于vue.js简单配置axios的方法介绍，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下axios是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，下面这篇文章主要给大家介绍了关于vue.js简单配置axios的相关

这篇文章主要介绍了关于vue.js简单配置axios的方法介绍，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

axios是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，下面这篇文章主要给大家介绍了关于vue.js简单配置axios的相关资料，需要的朋友们可以参考借鉴，需要的朋友们下面来一起学习学习吧。

前言

官方现在已经不再推荐用resource了，换了个axios，咱也不能落后，至少你得知道咋弄，面试的时候也好给面试官吹吹牛逼，废话不多说。

它本身具有以下特征：

从浏览器中创建 XMLHttpRequest

从 node.js 发出 http 请求

支持 Promise API

拦截请求和响应

转换请求和响应数据

取消请求

自动转换JSON数据

客户端支持防止 CSRF/XSRF

配置方法

首先用npm安装

npm install --save axios vue-axios

安装完之后，在你的main.js文件里配置，加上这两句就好

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

然后你读取接口数据的时候，直接就可以这样写，这个跟resource一个样，我那个下面的op，uin之类的都是要传的参数。

this.$http.post(localStorage.getItem("addUrl")+'/skynet_sync/btsp', {
 "op": "update_card_num",
 "uin": uin,
 "protypeId": index, 
 "cardNumber": parseInt(v)
 })
 .then(response=> {
 //如果接口走成功就执行这里
 }).catch(function (error) {
 //接口失败，也就是state不是200的时候，走这里
 });

好了，搞定！

关于vue.js简单配置axios的方法介绍

推荐度：

点击下载本文 文档为doc格式

标签： VUE js 简介

热门焦点

关于vue.js简单配置axios的方法介绍

关于vue.js简单配置axios的方法介绍

关于vue.js简单配置axios的方法介绍

最新推荐

猜你喜欢

热门推荐