[JS筆記] axios 串接 API 範例程式碼，常見的有 JSON 格式與 Form Data 格式：
axios 串接 – 使用 JSON 格式範例
let data = JSON.stringify({
"email": "ottaster@gmail.com",
"password": "123456"
});
let config = {
method: 'post',
url: '{{API 網址}}',
headers: {
Authorization: "Bearer {{Token}}",
'Content-Type': 'application/json'
},
data : data
};
axios(config)
.then(function (res) {
console.log(JSON.stringify(res.data));
})
.catch(function (err) {
console.log(err.response);
});
使用 Form Data 格式範例
let data = new FormData();
data.append("file", {{上傳檔案}});
data.append("api_name", `["object"]`);
let config = {
method: "post",
url: "{{API 網址}}",
headers: {
Authorization: "Bearer {{Token}}",
"Content-Type": "multipart/form-data",
},
data: data,
};
axios(config)
.then(function (res) {
console.log(res);
})
.catch(function (err) {
console.log(err.response);
});延伸閱讀：JavaScript 教學系列文章
