简单的接口连接-前端(GET和POST)

首先是GET请求 比较简单 不需要从这边传数据

不过接口都需要地址 请求头 这是必要的

接下来是代码

---

 

  const api1 = '你的接口地址'
  const requestOptions={
 method: 'GET',//这里写你的接口类型
headers: {
'':''//这是格式 放请求头
    }

}

fetch(api,requestOptions)//分别是接口名字，请求头的名字

 .then(response => response.json())
    .then(data => {
console.log('连接成功',data);
}
.then(error =>{
console.log('连接失败',error)打印出来方便查看错误原因 通常是请求头的错误
}

这是GET请求 一般报错都是415 405 报错请仔细排查

接下来是POST请求

const apiUrl1 = "一样的 你的地址";


const password =  //你要传过去的值;
    const principal = //你要传过去的值
 

const data = {//这里要对应接口的字段和数据类型 要不然会报错
      Password: password,
      Principal: principal
    };


   const requestOptions1 = {
      method: "POST",
      headers: {
//你的请求头
      },
      body: JSON.stringify(data)//转换为json文件
    };
fetch(apiUrl1,requestOptions1)
.then(response =>response.json())
.then(data =>{
console.log("连接成功",data)
})
.then(error =>{
console.log("连接失败",erro)//查看错误原因
})

这是POST请求