聊一会首先非常感谢阅读(感谢已加粗),人生第一次写一篇技术文章(以前打字很辛苦),我是小白(炫耀一下我的英文词汇量),我技术不行,但我爱分享,总能出一篇原创,不嫌烦吗~闲话少说,进入正题!!!关键部分最近在做一个基于vue的设备管理系统,有一个需求:设备的地址需要在百度地图上用红点标记定位(类似于摩拜app附近的汽车标记)。我用的是vue-baidu-Map插件(百度原生地图api的二次包),但是插件里面的红点标记需要用到经纬度值。那么问题来了(配音:来了,真的来了~)如何将设备的位置转换成经纬度值呢???1.百度API文档---地址解析三毛登陆后,发现了一个好用的地理分析API文档。首先用浏览器在地址栏访问,结果成功返回经纬度值(自己用脚趾头比一下),对了,这个ak要自己申请(不要钱,不要'不怕),然后用axios去请求,结果出现了跨域问题!2.如何解决跨域?在开发环境中,我使用了proxyTable代理来解决跨域(见下图),原理是通过webpack设置在node服务器上实现反向代理(原理不知道这句话对不对,请指正it~)但是项目最后npmrunbuild打包启动后,就变成了一个简单的js、html、css文件(单页SPA),因为proxyTable代理依赖于node环境中的支持脚手架,所以proxyTable方法在生产环境中还是会跨域(开发环境中无敌),不过没关系,因为线上遇到的跨域问题主要是后台解决的!百度地图api文档提供的参数最终通过jsonp解决了开发/生产环境中的跨域问题。以上就是我给大家带来的分享,因为不是什么难的问题,而且上面总结的很清楚,所以就不做最后的总结了(唠叨,墨迹),非常感谢大家耐心看完(谢谢你继续大胆)看不起我的个人微信!你在看什么,你在看什么,再试试看,试试看,欢迎大家以后一起交流学习~签到下班
