前端项目 index.html 中发请求 fetch

最新推荐文章于 2024-05-27 11:42:59 发布

不爱吃饭爱吃菜

最新推荐文章于 2024-05-27 11:42:59 发布

阅读量606

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/weixin_45288172/article/details/134163533

版权

想要在前端项目 index.html文件中向后端发起请求，但是引入axios报错（我这边会报错），可以使用fetch。
在这里插入图片描述

//window.location.origin----获取域名，包括协议、主机号、端口号
      fetch(window.location.origin + "/api/plant-consumer/plant/getGeoInfoByOutNetIp?outerNetIp=", {
        method: "GET", // 请求方法
        withCredentials: false, //是否开启跨域，开启后可以设置自定义的header头，但是后端要开启*以及允许哪些header头
        headers: { // 填写headers请求头
          "Content-Type": "application/x-www-form-urlencoded",
          Authorization: localStorage.getItem("Authorization"),
        },
      })
        .then(resp => resp.json())
        .then(res => {
        
        })
        .catch(() => {
        })