前端利用原生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); 
 
 });
複製代碼