Vue如何请求接口——axios请求

1、安装axios

在cmd或powershell打开文件后，输入下面的命令

npm install axios

 可在项目框架中的package.json中查看是否：

二、引用axios

import axios from 'axios'

在需要使用的页面中引用

三、get方式使用

 get请求使用params传参,本文只列举常用参数

axios({url: "", // urlparams: {// 参数name: xxx,age: xxx,},}).then(function (res) {console.log(res); // 成功回调}).catch(function (err) {console.log(err); // 失败回调});

四、post请求

post请求使用data传参,需要使用qs处理参数

五、qs配置

qs是axios的一个数据序列化工具，可通过npm install qs命令进行安装.然后在需要使用的页面引用

 引入方法：

import axios from 'axios'
import qs from 'qs'

方法 qs.parse()、qs.stringify()
qs.stringify()将对象序列化成URL的形式，以&进行拼接
qs.parse()将URL解析成对象的形式

写法：

 axios({method: "post", //请求方式url: "", //urldata: qs.stringify({// 参数}),}).then(function (res) {console.log(res); //成功回调}).catch(function (err) {console.log(err); //失败回调});