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