高德地图 key 和安全密钥使用

参考高德地图:JS API 安全密钥使用

高德地图 key 和安全密钥使用

一、通过明文方式设置

javascript 复制代码
<script type="text/javascript">window._AMapSecurityConfig = {
    securityJsCode: "「你申请的安全密钥」",
};
参数查看如下
成功后返回的信息

二、通过代理服务器转发

javascript 复制代码
  // 以Nginx反向代理为例
  location /_AMapService/ {
    set $args "$args&jscode=你的安全密钥";
    proxy_pass https://restapi.amap.com/;
  }

  // index.html中引入
  <script type="text/javascript">window._AMapSecurityConfig = {
    serviceHost: "你的代理服务器域名或地址/_AMapService",
    //例如 :serviceHost:'http://1.1.1.1:80/_AMapService',
 };
实验:通过本地地址转发返回错的错误信息,如下
javascript 复制代码
 SERVICE_NOT_AVAILABLE,PLEASE CONTACT    api@autonavi.com

通过查看高德的具体错误码描述

通过正确的项目的的服务地址,返回正常
参数查看如下
成功后返回的信息
项目服务本身设置是有一级路由的

有个输出: 使用 JSAPI 安全模式,代理服务请以_AMapService 作为一级路由

通过两者不同的方式 ,发现传参中少了个 jscode

相关推荐
kyriewen7 小时前
我手写了一个 EventEmitter,面试官追问了 6 个问题——第 4 个我没答上来
前端·javascript·面试
IT_陈寒8 小时前
Java的Date类又坑了我一次,改用时间戳真香
前端·人工智能·后端
小林攻城狮8 小时前
使用 Transport 节流解决 Vercel AI SDK 流式渲染卡死问题
前端·react.js
前端缘梦8 小时前
告别 TS 运行时类型漏洞!Zod 完整入门实战教程(前端 / 全栈必备)
前端·react.js·全栈
the_answer9 小时前
Webpack vs Vite 深度对比分析
前端·webpack
转转技术团队9 小时前
验证码识别实战:前端不写页面,改训模型了?
前端
MomentYY9 小时前
Temperature:AI 的“脑洞旋钮”
前端·llm·ai编程
远航_9 小时前
OpenSpec 完整详细介绍
前端·后端
召钱熏9 小时前
状态枚举正确≠渲染正确:一个语音按钮的状态机边界修复实录
android·前端
SkyWalking中文站9 小时前
认识 Horizon UI · 1/17:SkyWalking 新一代可观测性控制台
运维·前端·监控