fetch 使用(随笔)

这是我自己使用，封装的fetch使用，包括get/post/文件上传，随手记一下，以防忘记。

 /*** fatch* @params:请求参数* url 请求接口* obj 请求数据(post)* params 文件(图片上传，formdata)* vm  vue实例* 使用方法：* 引入 import fetchR from '@/assets/javascripts/fetchAsync';* get  : fetchR.getFatch(url，vm).then().catch()* post : fetchR.postFatch(url, obj, vm).then().catch()* img upload : fetchR.uploadFile(url, params,vm).then().catch()*/import conf from '@/assets/pubConf';import vm from '@/main'export default class FetchAsync {// get方法static getFatch(url) {let geturl = url;return new Promise((resolve, reject) => {var url = conf.serverIp + geturl;/*var headers = new Headers();headers.append('Accept', 'application/json');headers.append('Content-Type', 'application/json');headers.append('Token', localStorage.getItem('token'));*/fetch(url, {method: 'GET',headers: {'Accept': 'application/json','Content-Type': 'application/json',// "Content-Type": "application/json;charset=utf-8",'Token': localStorage.getItem('token')}}).then((response) => {if (response.ok) {return response.json();} else {reject({status: response.status})}}).then((res) => {if (res.status == 403) {vm.$toast('登录信息已过期,请重新登录');vm.$router.push('/');} else {resolve(res)}}).catch((err) => {console.log(err);reject(err)})})}// post方法static postFatch(url, params) {var url = conf.serverIp + url;return new Promise((resolve, reject) => {fetch(url, {method: 'POST',headers: {"Content-Type": "application/json;charset=utf-8",'Token': localStorage.getItem('token')},body: JSON.stringify(params)}).then(response => response.json()).then((res) => {if (res.status == 403) {vm.$toast('登录信息已过期,请重新登录');vm.$router.push('/');} else {resolve(res)}}).catch((err) => {reject(err)});})}// upload filestatic uploadFile(url, params) {console.log(params);var url = conf.serverIp + url;return new Promise((resolve, reject) => {fetch(url, {method: 'POST',headers: {'Token': localStorage.getItem('token')},body: params}).then(response => response.json()).then((res) => {if (res.status == 403) {vm.$toast('登录信息已过期,请重新登录');vm.$router.push('/');} else {resolve(res)}}).catch((err) => {reject(err)});})}}