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

想要在前端项目 index.html文件中向后端发起请求,但是引入axios报错(我这边会报错),可以使用fetch

javascript 复制代码
//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(() => {
        })
相关推荐
HUMHSX12 小时前
Vue 项目启动全流程解析:从入口文件到全局指令注册与页面渲染
前端·javascript·vue.js
有颜有货12 小时前
PMC生产排产的4种算法,一次讲清
java·服务器·前端
小虎牙00712 小时前
Android kotlin图片库Coil源码详解
android·前端
随风一样自由13 小时前
【前端领域】前端开发核心应用场景与落地实践
前端·前端框架
an3174213 小时前
弹窗数据流设计的两种高阶架构实践
前端·vue.js·架构
谢尔登13 小时前
【React】 状态管理方案
前端·react.js·前端框架
用户21366100357214 小时前
Vue商品详情与放大镜组件
前端·javascript
半个落月14 小时前
从Tapas小Demo理清localStorage、事件与this
前端·javascript
李明卫杭州14 小时前
Vue2 中 v-model 处理不同数据结构的技巧
前端·javascript·vue.js
李明卫杭州14 小时前
使用 computed 处理 v-model 复杂数据结构
前端·javascript·vue.js