在vue中使用axios访问API

mounted(){

this.getInfo()

}

• 经过以上四个步骤，就完成了axios的get请求方法

2）下面简单说一下post请求，执行post请求，注意执行post请求的入参，不需要写在params字段中，这个地方要注意与get请求的第二种方式进行区别。

axios.post(‘/getMainInfo’, {

id: 123

})

.then((res) => {

console.log(res)

})

.catch((err) => {

console.log(err)

})

4.下面是axios传递的相关配置来创建axios

常用的配置字段如下：

• url：请求路径，String类型

• methods：请求方法，String类型

• baseURL：baseURL会自动架子啊url前面，除非url是一个绝对URL，String类型

• header：自定义请求头

• params：请求一起发送的url参数（一般只用于get请求）一般是对象类型

• data：作为请求主体被发送的数据（一般只用于post请求）一般是对象类型

• timeout：超出时间，请求将被终端

• withCredentials：表示跨域请求时是否需要使用凭证

• responseType：响应数据类型，默认是josn，可以是text、josn、document、arrayvuffer等

• proxy：代理服务器主机名称端口（如下）

proxy: {

host: ‘127.0.0.1’,

port: 9000,

auth: : {

username: ‘mikeymike’,

password: ‘rapunz3l’

}

},

4）响应的数据接口

{

data：//服务器响应数据

status：//http状态码

statusText：//服务器响应的http状态信息

headers：//响应头

config：//请求配置数据

}

5）举例

// 发送