当前位置: 首页 > news >正文

Vue本地开发调试使用Proxy实现接口代理配合Nginx实现瓦片png文件代理,实现本地模拟GIS开发环境

场景

Vue+Proj4Leaflet实现地图瓦片(Nginx代理本地地图瓦片为网络url)加载并实现CRS投影转换(附资源下载):

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/140038369

上面讲用Nginx实现瓦片png服务代理本地调试流程。

在前后端对接开发中,前端使用Vue往往会有本地代理到模拟接口调试的流程。

比如Vue中对接第三方GIS服务平台,往往需要先调用API接口获取授权信息,再调用图纸信息接口获取gis加载相关信息。

然后还需调用各层级瓦片的png文件路径。

以上如果都在开发环境下,本地如何模拟各种前端代理、模拟api接口、模拟png图片服务。

使用Vue的devServer.proxy实现开发环境请求代理。

使用Nginx模拟api接口返回示例json数据。

使用Nginx代理本地png静态资源实现地图瓦片url访问加载。

注:

博客:

相关文章:

  • 《解锁Netlify:静态网站托管》:此文为AI自动生成
  • 探索 Trossen AI:从 Aloha到智能机器人平台的进化之路
  • 大数据学习(69)- OLAP和OLTP
  • list常用接口及模拟实现
  • 如何查看mysql某个表占用的空间大小
  • 用 Vue 3.5 TypeScript 重新开发3年前甘特图的核心组件
  • Linux find 命令完全指南
  • 【Unbuntu安装docker】
  • Tomcat新手登峰指南:从零到部署的原子化实践
  • 《解锁Flutter:跨平台开发的未来之光》:此文为AI自动生成
  • Linux下GCC和C++实现带多组标签的Snowflake SQL查询批量数据导出程序
  • Linux常用命令速查手册
  • 一键爬取b站视频
  • 「JavaScript深入」理解 JavaScript 中的不可变对象(Immutable Object)
  • Android 高版本 DownloadManager 封装工具类,支持 APK 断点续传与自动安装
  • 玩转python:通俗易懂掌握高级数据结构-collections模块之Counter
  • 利用委托用户控件、窗体之间传值 c#
  • 响应式编程-基于Reactor模式WebFlux框架的Spring Gateway
  • 生成省市区JSON
  • http 405 Not Allowed
  • 北外滩集团21.6亿元摘上海虹口地块,为《酱园弄》取景地
  • 罗氏制药全新生物制药生产基地投资项目在沪启动:预计投资20.4亿元,2031年投产
  • 司法部:建立行政执法监督企业联系点,推行行政执法监督员制度
  • 绿城约13.93亿元竞得西安浐灞国际港港务片区地块,区内土地楼面单价首次冲破万元
  • 印方称若巴方决定升级局势,印方已做好反击准备
  • 央视315晚会曝光“保水虾仁”后,湛江4家涉事企业被罚超800万元