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

相关推荐
尘中客3 小时前
放弃 Echarts?前端直接渲染后端高精度 SVG 矢量图流的踩坑记录
前端·javascript·echarts·前端开发·svg矢量图·echarts避坑
小鹿软件办公3 小时前
2026 年第 4 个零日漏洞!Google 发布 Chrome 紧急补丁
安全·web安全·google chrome
FreeBuf_3 小时前
Chrome 0Day漏洞遭野外利用
前端·chrome
小彭努力中4 小时前
199.Vue3 + OpenLayers 实现:点击 / 拖动地图播放音频
前端·vue.js·音视频·openlayers·animate
2501_916007474 小时前
网站爬虫原理,基于浏览器点击行为还原可接口请求
前端·javascript·爬虫·ios·小程序·uni-app·iphone
前端大波4 小时前
Sentry 每日错误巡检自动化:设计思路与上手实战
前端·自动化·sentry
workflower5 小时前
用硬件换时间”与“用算法降成本”之间的博弈
人工智能·算法·安全·集成测试·无人机·ai编程
ZC跨境爬虫5 小时前
使用Claude Code开发校园交友平台前端UI全记录(含架构、坑点、登录逻辑及算法)
前端·ui·架构
慧一居士5 小时前
Vue项目中,何时使用布局、子组件嵌套、插槽 对应的使用场景,和完整的使用示例
前端·vue.js
Можно5 小时前
uni.request 和 axios 的区别?前端请求库全面对比
前端·uni-app