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

不爱吃饭爱吃菜

于 2023-11-01 16:05:32 发布

阅读量825

点赞数

文章标签：前端 html

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

版权

文章讲述了在前端index.html中遇到axios跨域错误的情况，作者介绍如何使用fetch替代axios并设置了合适的请求头，包括获取域名、GET请求、withCredentials设置和自定义headers。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想要在前端项目 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(() => {
        })