vue中axios设置表单头_Vue 设置axios请求格式为form-data的操作步骤

Cover

在Vue中使用axios

这个老生常谈了，还是先记录一遍，方面后面自己查。

!!! 设置form-data请求格式直接翻到后面看。

1. 安装axios

在项目下执行npm install axios。

之后在main.js中，添加：

import axios from 'axios' //引入

//Vue.use(axios) axios不能用use 只能修改原型链

Vue.prototype.$axios = axios

2. 发送GET请求

axios封装了get方法，传入请求地址和请求参数，就可以了，同样支持Promise。

//不带参数的get请求

let url = "..."

this.$axios.get(url)

.then((res) => {

console.log(res) //返回的数据

})

.catch((err) => {

console.log(err) //错误信息

})

不过它的参数需要写在params属性下，也就是：

//带参数的get请求

let url = "...getById"

this.$axios.get(url, {

params: {

id: 1

}

})

.then((res) => {<