如何对高德地图 JS API 做代理？

[SZhan]

项目前端引入高德地图 API 进行 WEB 端地图开发的，由于正式环境服务器安全性要求，不通外网，只给了另一台 DMZ 主机能够访问外网，所以前端项目内需要访问代理后的高德地图 API 。目前已经对所有的高德 API 做了 Nginx 反向代理，前端代码里引用到的 API 我也都替换了，但是上线正式环境服务器，还是不通，在控制台里看到高德地图会自调用一个回调接口，名为 callback ，具体地址贴在下面了。问了前端，没有了解的，只管引入然后开发，想问下各位这个自调用的回调地址怎么实现替换，换成代理地址？

[rain0002009]

我很好奇 前端请求不是在浏览器发起的 关服务器有没有外网有什么关系

[IvanLi127]

服务器不通外网和前端有啥关系，客户机子也不通外网吗？

[codespots]

就一个 JSONP 接口而已，前端不懂？

[CHTuring]

前端调用 JS SDK 和服务器有啥关系...

[caiqichang]

让前端写个全局的 fetch 和 xhr 拦截替换，像这样

```javascript
const original_fetch = window.fetch
window.fetch = (request, options) => {
if (typeof request === "string") {
request = "https://bing.com"
}else if (request instanceof Request) {
request.url = "https://bing.com"
}
return original_fetch(request, options)
}

const original_xhr_open = XMLHttpRequest.prototype.open
XMLHttpRequest.prototype.open = function(method, url, async, user, password) {
url = "https://bing.com"
return original_xhr_open.apply(this, arguments)
}

fetch("https://google.com").finally()

const xhr = new XMLHttpRequest()
xhr.open("GET", "https://google.com")
xhr.send()
```

[caiqichang]

#5 xhr 那里写错了

return original_xhr_open.apply(this, [method, url, async, user, password])

[SZhan]

@rain0002009 是这样的，整个系统被限制在了政务网内访问，自然客户使用的机器也是不通外网的，所以我的想法是把这个接口也做拦截，然后替换成我在服务器上做的代理地址

[SZhan]

@caiqichang #5 明白了，我大概看了下，这个其实就是全局拦截这个请求接口，然后替换成目标地址去访问对吧？

[SZhan]

@IvanLi127 对的，客户端也是在一个内网环境里的，不能访问这些公网地址，所以这种自调用地址就比较头疼

[SZhan]

@codespots 可能也是不想思考怎么解决把，因为给的测试环境机器是公网的，开发完放上去能展示就算完成了，不管了。

[SZhan]

@CHTuring 因为浏览器也是在政务内网里的诶，客户的工作环境是一台公网、一台内网，只能用内网的机器访问系统，所以这就导致了只能借助这个内网环境下，唯一可访问公网的服务器做代理。我能想到的办法只有这样

[NerbraskaGuy]

刚好搜了下，这个应该算解决方法，相当于手动拦截： https://blog.csdn.net/weixin_58631631/article/details/133773423