axios 简介
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:
-------------------------------------------------------------------------------- •从浏览器中创建 XMLHttpRequest •从 node.js 发出 http 请求 •支持 Promise API •拦截请求和响应 •转换请求和响应数据 •取消请求 •自动转换JSON数据 •客户端支持防止 CSRF/XSRF
在vue中数据请求需要先安装axios
npm i --save axios
我们在使用请求数据的页面导入axios
import axios from "axios"
然后在methods里面写数据的请求
在生命周期调用一下,一般我们数据请求使用的生命周期是Mounted
这样我们就完成了axios的get方法请求
然后我们简答的说一说post请求,post请求与get请求其实变得不多
这样我们就可以成功的使用post方法请求数据了
补充:下面看下vue中使用axios
1.安装axios
npm:
$ npm install axios -S
cdn:
>
2.配置axios
在项目中新建api/index.js文件,用以配置axios
api/index.js
这里的配置了POST、GET、PUT、DELETE方法。并且自动将JSON格式数据转为URL拼接的方式
同时配置了跨域,不需要的话将withCredentials设置为false即可
并且设置了默认头部地址为:,这样调用的时候只需写访问方法即可
3.使用axios
注:PUT请求默认会发送两次请求,第一次预检请求不含参数,所以后端不能对PUT请求地址做参数限制
首先在main.js中引入方法
然后在需要的地方调用即可