前端跨域问题的一种解决方案

场景

使用leaflet或者openlayers加载地图服务的时候会遇到跨域问题. 一般地, 公共的地图服务都要设置成允许跨域访问的, 在某些项目里, 客户单位提供的这个wmts/wms服务不支持跨域访问, 浏览器无法正常加载底图.

解决方案

方案一, 修改服务, 设置为允许跨域
方案二, 在浏览器上安装跨域插件

跨域插件的使用方法

1.下载浏览器插件(只支持chrome系列)
链接: https://pan.baidu.com/s/1eE5R2wFxh69wuhGXI6w3vA
提取码: 5s6a
2.安装
将.crx文件直接拖动到浏览器里安装即可
3.使用
安装完成以后在浏览器右上角会新增一个图标, 如果没有可以在扩展程序里设置将其固定在右上角
image.png
image.png
没有激活的时候是灰色的, 使用前需要点击logo将其激活
image.png
激活后的logo由黑白变成彩色图标,

测试

打开测试网站https://webbrowsertools.com/test-cors/image.png

posted @ 2022-03-20 19:30  iminifly  阅读(323)  评论(0编辑  收藏  举报