高德地图 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

相关推荐
一拳不是超人几秒前
从“必选项”到“性能包袱”:为什么现代框架开始“抛弃”虚拟 DOM?
前端·javascript·架构
田里的水稻3 分钟前
OE_ubuntu24.04如何安装中文简体拼音输入法
运维·前端·chrome
wordbaby4 分钟前
🚀 从零到一实战:基于 Taro 构建纯血鸿蒙 (HarmonyOS NEXT) 应用踩坑全指南
前端
慧一居士7 分钟前
ESM 在前端开发中的介绍和使用指导
前端
禾味11 分钟前
过程即奖励|前端转后端经验分享
前端·后端·面试
苡~21 分钟前
【openclaw+claude】手机+OpenClaw+Claude实现远程AI编程系列大纲
java·前端·人工智能·智能手机·ai编程·claude api
阿懂在掘金37 分钟前
别再写换皮 Options 了!Vue3 Setup 真正的用法的是这3步升级
vue.js
Ryan今天学习了吗38 分钟前
前端知识体系总结-前端工程化(Webpack篇)
前端·面试·前端工程化
志栋智能38 分钟前
自动化运维还有这样一种模式。
运维·人工智能·安全·机器人·自动化
Ryan今天学习了吗39 分钟前
前端知识体系总结-前端工程化(Babel篇)
前端·面试·前端工程化