vue安装使用axios（包括axios上传文件）

安装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);
});