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

相关推荐
黄金决明子9 小时前
Vue3 + Vite 打包后打开空白?
前端
张龙6879 小时前
终端效率翻倍实战:fzf + zoxide + ripgrep + bat 组合拳,告别重复敲命令
前端
宿6749 小时前
vue3-env环境
前端·vue.js
蔬菜_9 小时前
前端转全栈-day5(数组、list、set)
java·前端·数据结构·list
观远数据9 小时前
当ChatBI遇上数据合规:AI+BI规模化落地的安全边界如何划定
大数据·人工智能·安全
汉堡大王952710 小时前
Vue 3 + TS + Element Plus 实战:如何从零搭建企业级违章记录管理 SaaS 前端
前端·javascript·vue.js
minimoon_jojo10 小时前
Ant Design 树形表格渲染原理
前端
paopaokaka_luck10 小时前
基于springboot3+vue3的音乐推荐系统(协同过滤算法、Echarts图形化分析)
前端·echarts
YYJ-F10 小时前
Anthropic——AI安全人工智能研究公司,核心产品Claude Code辅助编程
人工智能·安全
山东科恩光电10 小时前
安全触边系统在工业设备运行中的安全保障与应用分析
安全