首页 > 其他分享 >高德接口-前端本地开发调用代理

高德接口-前端本地开发调用代理

时间:2024-03-07 17:55:25浏览次数:32  
标签:VUE process 调用 接口 api data 高德

请求中api:
export function jPAmapApi(data) {
  return request({
    url: '/v4/grasproad/driving?key=b03c9b62740951fd7fb9bba7f5be1c4f',
    method: 'post',
    data: data,
    headers: {'content-type':'application/json','Access-Control-Allow-Origin': '*'}
  })
}


其中 process.env.VUE_APP_BASE_API = /dev-api
vue.config.js:
devServer: {
  host: '0.0.0.0',
  port: port,
  open: true,
  proxy: {
    '/dev-api/v4': {
      target: `https://restapi.amap.com`,//高德api开发
      changeOrigin: true,
      pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
      }
  }

}

 

正式环境外部接口(高德接口)代理请看下一篇 

标签:VUE,process,调用,接口,api,data,高德
From: https://www.cnblogs.com/zhaoxiaobei/p/18059446

相关文章

  • 电商API接口入门指南 (淘宝商品详情店铺)
    电商API接口入门指南旨在为初学者提供关于电商API接口的基本知识和使用方法的指导。以下是一个简要的入门指南,帮助你开始使用电商API接口。一、了解API接口的基本概念首先,你需要了解API接口的基本概念。API(ApplicationProgrammingInterface,应用程序编程接口)是不同软件应用程序......
  • Blazor笔记-JavaScript Interop(JS互调用)
    更新记录注意:非教程。纯笔记,日常查询用的。需要教程的小伙伴找几本书看看即可哈哈,有Vue基础的话非常快,概念都是通的。非工作需要不建议深入学习Blazor,深入Vue吧,用的多,哈哈。完整目录地址:https://www.cnblogs.com/cqpanda/p/17596348.html点击查看2024年3月7日发布。2023......
  • 接口调试工具
    Apifox将数据库备注导入apifox常用参数SELECTdistinctCOLUMN_NAME,table_name,DATA_TYPE,COLUMN_COMMENT,CONCAT(COLUMN_NAME,',',COLUMN_COMMENT)as'apifox常用参数'FROMinformation_schema.COLUMNSWHEREtable_schema......
  • C++语言代码开发示例-身份证实名认证接口
    实名认证API实时联网核验个人身份信息与所持身份证件人员的一致性,可满足不同应用场景的不同实名认证需求,如身份证号+姓名核验、身份证号+姓名+人像核验、身份证号+姓名+证件人像+现场人像核验等,有助于推动诚信网络环境建设,降低利用网络进行违法犯罪的可能性,防止纠纷和诈骗,确保消费......
  • 关于uniapp调用支付宝登录问题
    uniapp的uni.login的provider不支持支付宝但是呢,我看插件市场都要钱这个还需要钱吗你直接硬写呗,支付宝比如登录官方时这么写的ok 我们在uniapp上也这么写就行了button调用一键登录uniapp不会报错,然后我们发行打包到支付宝的开发工具里经测试可以正常使用 返回 ......
  • 淘宝详情api接口的应用
    淘宝详情API接口是一个基于HTTP协议的接口服务,可用于获取淘宝商品的具体信息。下面将介绍如何调用淘宝详情API接口获取淘宝商品数据的步骤。1.注册账号并创建应用首先,我们需要进行账号注册、实名认证和创建应用。通过创建应用,我们可以获取到一个appkey和appsecret,这是调用API接......
  • vue使用超图openlayers调用mapv实现蜂窝图
    在用超图openlayer开发的时候遇到问题,在此作为记录。文字描述不对的地方请多担待, 下载依赖,npmimapv 按需引入,因为官网例子是普通的html引入,{mapv}引入方式调用的是超图@supermap中的方法。DataSet是mapv的方法 import{Mapv} from'@supermap/iclient-ol/overla......
  • 速存,详细罗列香橙派AIpro外设接口样例大全(附源码)
    本文分享自华为云社区《香橙派AIpro外设接口样例大全(附源码)》,作者:昇腾CANN。OrangePiAIPro开发板是香橙派联合华为精心打造的高性能AI开发板,其搭载了昇腾AI处理器,可提供8TOPSINT8的计算能力,内存提供了8GB和16GB两种版本。可以实现图像、视频等多种数据分析与推理计......
  • 【实战技能】简单易实现的SWD接口烧录目标板挂载的EEPROM,支持AT24C02/04/08/16/32/64/
    之前针对外部SPIFlash的SWD接口烧写,制作过一期专题视频教程。产品生产时,不仅SPIFlash,有时候希望烧录目标板程序后,将EERPOM里面的参数也通过SWD接口存储进去,这样就不再需要大家单独再接上EEPROM的I2C接口烧录了,产品生产比较省事。针对这个问题就花了些时间,制作了下EEPROM的烧写......
  • golang进阶之接口
    目录一、接口二、为什么要使用接口三、接口的定义四、实现接口的条件五、接口类型的变量1.值接收者实现接口2.指针类型接收者实现接口3.接口进阶示例六、同一个类型实现多个接口七、多个类型实现同一个接口八、类型中的嵌套去实现接口九、接口嵌套十、空接口1.空接口的定义2.......