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访问加载。

注：

博客：