首页 > 其他分享 >高德地图内网部署,通过拦截请求实现

高德地图内网部署,通过拦截请求实现

时间:2024-03-29 15:24:10浏览次数:14  
标签:console 请求 url config amap 拦截 com 高德 log

一、安装npm库

      npm地址:ajax-hook - npm (npmjs.com)

  • NPM引入

    npm install ajax-hook

二、实现代码,放到mainjs里面

import { proxy } from "ajax-hook";
proxy({
  //请求发起前进入
  onRequest: (config, handler) => {
    // console.log(config.url)
    if (config.url.toString().search('https://vdata.amap.com') != -1) {
      config.url = 'http://171.11.12.121:60000/web2' + config.url.split('vdata.amap.com/')[1];
      console.log(config.url)
    } else if (config.url.toString().search('http://restapi.amap.com') != -1) {
      config.url = 'http://171.11.12.121:60000/web3' + config.url.split('restapi.amap.com/')[1];
      console.log(config.url)
    } else if (config.url.toString().search('http://vector.amap.com') != -1) {
      config.url = 'http://171.11.12.121:60000/web4' + config.url.split('vector.amap.com/')[1];
      console.log(config.url)
    } else if (config.url.toString().search('http://lbs.amap.com') != -1) {
      config.url = 'http://171.11.12.121:60000/web5' + config.url.split('lbs.amap.com/')[1];
      console.log(config.url)
    }
    handler.next(config);
  },
  one rror: (err, handler) => {
    console.log(err.type)
    handler.next(err)
  },
  onResponse: (response, handler) => {
    // console.log(response.response)
    handler.next(response)
  }
})

 

标签:console,请求,url,config,amap,拦截,com,高德,log
From: https://www.cnblogs.com/wangrui1995/p/18103919

相关文章

  • H5get请求重定向后页面没有跳转重定向的地址是什么问题;H5get请求重定向后页面不跳转自
    Ajax请求的处理:如果使用了XMLHttpRequest或FetchAPI进行GET请求,并通过异步处理来获取响应数据,那么浏览器不会自动跳转到重定向的地址。如果在H5的GET请求中,服务器返回了重定向响应(HTTP状态码为3xx),但页面没有跳转到重定向的地址,可能有几种可能的原因:JavaScript......
  • csrf跨站请求伪造
    csrf跨站请求伪造(1)介绍钓鱼网站我搭建一个跟正规网站一模一样的界面(中国银行)用户不小心进入我们的网站,用户给某个人打钱打钱的操作确确实实是提交给了中国银行的系统,用户的钱也确确实实减少了但是唯一不同的是打钱的账户不是用户想要转过去的账户内部本质在钓鱼......
  • 自定义的基于System.Net.Http.HttpClient的WebClient,可以作为微信支付宝的发起请求时
    个人编写的,自己用于自己的微信api的请求的实现当中,源码公开,大家可以查看反编译源码。以下是使用方法:第一步搜索和安装zmjtool第二步发起请求1/**引入命名空间*/2usingZmjTool;34/**发起Get请求*/5using(varcl=newZmjTool.WebClient())6{7cl.......
  • JavaScript Fetch API请求和响应
    JavaScriptFetchAPI请求和响应 //加载进场工人不安全行为数据varloadAllWorkerUsafeData=setInterval(function(){consturl=`http://35.98.90.55/api/info?project=23`;fetch(url).then(response=>response.json()).then(data=>{varhandle_c......
  • SpringMVC对 Restful ⻛格请求⽀持
    rest⻛格请求是什么样的呢?RESTful⻛格URL:互联⽹所有的事物都是资源,要求URL中只有表示资源的名称,没有动词。RESTful⻛格资源操作:使⽤HTTP请求中的method⽅法put、delete、post、get来操作资源。分别对应添加、删除、修改、查询。不过⼀般使⽤时还是post......
  • Ajax 与 Axios 异步请求
    Ajax与Axios异步请求一、服务器对外提供了哪些资源1.网页中如何请求数据 数据,也是服务器对外提供的一种资源。只要是资源,必然要通过请求–处理–响应的方式进行获取。如果要在网页中请求服务器上的数据资源,则需要用到XMLHttpRequest对象。XMLHttpRequest(简称xhr)是......
  • 基于Axios封装请求---防止接口重复请求解决方案
     一、引言前端接口防止重复请求的实现方案主要基于以下几个原因:用户体验:重复发送请求可能导致页面长时间无响应或加载缓慢,从而影响用户的体验。特别是在网络不稳定或请求处理时间较长的情况下,这个问题尤为突出。服务器压力:如果前端不限制重复请求,服务器可能会接收到大量......
  • JavaWeb——HttpServletRequest获取请求头信息和请求中的参数信息用法
    HttpServletRequest接口提供了访问HTTP请求信息的方法,包括请求行和请求头。下面是一些常用的HttpServletRequest方法,用于获取请求行和请求头信息。StringgetMethod():返回请求的HTTP方法,如GET、POST等。StringgetRequestURI():返回请求的URI,不包括查询字符串。String......
  • Fiddler(5)Statistics数据统计面板性能分析,Inspectors查看请求与响应
    Statistics数据统计面板,性能分析 重点:主要关注RTT,体现一个请求从发送到返回响应的时间反映一个请求的性能指标,其中主要需要关注RTT会展示全世界范围的请求平均数据showchart按钮,从饼状图中分别出哪些资源的请求耗时最多,从而对页面的访问进行访问速度优化Inspectors查......
  • jQuery在请求返回前增加遮罩问题
    好久没有使用jquery了;做了个小工具没有前端东西突然要用到了;就想到了jquery;为了增加用户体验体验,增加了一个页面,增加了用户点击按钮后的响应遮罩的显示和隐藏; 增加div<divid="loading-mask"><divid="loading-spinner"></div></div>增加css#loading-mask......