安装axios
npm install axios -S
引入axios(可以在需要的地方引入,不用全局引入)
import axios from 'axios';
使用:
// get
axios({
method: 'GET',
url: `xxxxx.html`,
}).then(res => {
resp = res.data;
}).catch(req => {
console.log(req);
});
// post
axios({
method: 'POST',
url: `xxxxxxx.html`,
headers: {
// 没有可以不要token
authorization: `bearer ${token}`
},
// 数据
data: {
id: id,
num: num,
attr: attr
}
}).then(res => {
resp = res.data;
}).catch(req => {
console.log(req);
});
如果需要上传文件,记得修改 Content-type
并且数据要用 FormData
例如下面代码
// 处理上传数据
let upload_data = new FormData();
upload_data.append("title", dataHub.upload_form.title);
upload_data.append("type", dataHub.upload_form.type);
upload_data.append("format", dataHub.upload_form.format);
upload_data.append("lastModified", dataHub.upload_form.lastModified);
upload_data.append("browserFile", dataHub.upload_form.browserFile);
upload_data.append("modelFile", dataHub.upload_form.modelFile);
axios({
method: 'POST',
url: `XXXX.html`,
headers: {
// 没有可以不要token
// authorization: `bearer ${token}`
'Content-type': 'multipart/form-data'
},
// 数据
data: upload_data
}).then(res => {
resp = res.data;
}).catch(req => {
// 上传失败
console.log(req);
});