axios的疑惑记录

第一种方式

axios.get('/user?ID=12345')
 .then(function (response) {
	 console.log(response);
 })
 .catch(function (error) {
 	console.log(error);
 });

// 上⾯的请求也可以这样做

axios.get('/user', {
     params: {
    ID: 12345
    }
})
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
	console.log(error);
});

第二种方式

axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

或

export const registerApi = (phone, pwd , name)=>
axios.post("/api/v1/pri/user/register",{
"phone":phone,
"pwd":pwd,
"name":name
})

第一种是使用 GET 方法向服务器发送一个带有参数的请求。其中，axios.get 函数表示使用 GET 方法发送请求，/api/v1/pri/user/12345 则是请求的目标 URL，而 {ID: 12345} 则是该请求的参数对象，其中键名 ID 表示参数名，12345 表示参数的值。这个请求会从服务器上获取某个 ID 对应的用户信息并返回给客户端。

第二段代码则是使用 POST 方法向服务器发送一个带有参数的请求。其中，axios.post 表示使用 POST 方法发送请求，/api/v1/pri/user/register 是请求的目标 URL，{ “phone”:phone, “pwd”:pwd, “name”:name } 则是要提交的表单数据，其中 “phone”、“pwd” 和 “name” 分别对应表单中的手机号码、密码和用户名。这个请求用于注册新用户，将提交的表单数据存储在服务器上，并返回处理结果给客户端。

需要注意的是，这两个请求都使用了 Promise 的形式进行异步操作，axios.get 和 axios.post 函数返回的都是一个 Promise 对象。因此，我们可以通过 .then() 和 .catch() 等方法来处理请求的响应和错误结果。

注意！！！
axios.post 函数的第二个参数是要提交到服务器的数据，这些数据默认是使用 POST 请求的 Request Payload 让服务器进行解析的。与之不同的是，params 参数是使用 GET 请求的查询参数，即把参数名和参数值拼接在 URL 后面，以 ? 开头，参数之间使用 & 分隔。

虽然 POST 请求也可以在 URL 中带上查询参数，但是这种传递方式的限制比较多，例如最大传参长度、参数格式等。而使用 Request Payload 可以传输大量数据，格式灵活，适合传输表单、JSON 数据等数据格式的信息。

因此，在使用 POST 请求提交表单或 JSON 数据时，建议使用 data 参数作为请求体，而不是 params 参数作为 URL 查询参数。