前端利用原生fetch模拟请求接口

#模拟请求接口

Get

// fetch（url,method,headers） 浏览器都支持 第一个参数是url 第二个是方法 第三个是头部信息（用户的令牌，没有不用写）
fetch('http://uat.mg.kme.com/navigate/view?rminalId=999173249906806784&pcType=1', { 
 
  method: 'get', 
 
  headers: { 
  'Accept': 'application/json',
   "Content-type": "application/json; charset=UTF-8",
	"Authorization":"eyJ0eXBlIjiwiYWxnIjoiSFMyNTYifQ.eyJpYXQiOjE1NTA4MDc3NDgsInN1YiI6InNo"
 
  },
 
 })
 
 .then(function (res,err) { 
 
  if (res.ok) {
 
    res.json().then(function(obj) {
     // 这样数据就转换成json格式的了
        console.log("结果",obj)

    })
 
  } 
 }) 
 
 .catch(function (error) { 
 
  console.log('Request failed', error); 
 
 });

复制代码

Post

// fetch（url,method,headers,body） 浏览器都支持 第一个参数是url 第二个是方法 第三个是头部信息（用户的令牌）；body：就是传入的参数


fetch('http://uat.mg.km/anage', { 
 
  method: 'post', 
 
  headers: { 
   "Content-type": "application/json; charset=UTF-8"
 
  },

body:  JSON.stringify({"account":"yongu","password":"12345"})

 })
 
 .then(function (res,err) { 
 
  if (res.ok) {
 
    res.json().then(function(obj) {
     // 这样数据就转换成json格式的了
        console.log("结果",obj)
 
     
 
    })
 
  } else{
console.log("错误",err)
}
 }) 
 
 .catch(function (error) { 
 
  console.log('Request failed', error); 
 
 });
复制代码