Yuhao Kang GISer

Menu

解决Tomcat错误信息:No ‘Access-Control-Allow-Origin’ header is present on the requested resource | Solving Tomcat Error: No ‘Access-Control-Allow-Origin’ header is present on the requested resource

最近在使用GeoServer调用Vector Tile服务时,经常会显示不出来结果。打开浏览器调试台,发现报No 'Access-Control-Allow-Origin' header is present on the requested resource这个错误。主要原因是不能跨域访问。例如服务器上有两个服务A和B,A的端口是6000,B的端口是6001,则A不能直接调用B的端口。为了解决这个问题,通过上网查找资料,特别是Tomcat的官方文档,最后总结出两种解决方案。
方案一:安装chrome插件
对于chrome浏览器,可以安装"Allow-Control-Allow-Origin: *"这个插件(搜索Allow-Control-Allow-Origin即可)。安装后,选择Enable cross-origin resource sharing即可。刷新后即可正常访问。
方案二:修改Tomcat配置文件,添加Filter
这是根据官方文档进行的修改:[官方文档添加Filter](http://tomcat.apache.org/tomcat-7.0-doc/config/filter.html#Add_Default_Character_Set_Filter)
添加CORS Filter,其方法是修改tomcat文件夹下/conf/web.xml文件,或对于特殊的web应用,修改其对应的/WEB-INF/web.xml文件。添加如下代码:
```

CorsFilter
org.apache.catalina.filters.CorsFilter
cors.allowed.origins *
cors.allowed.methods GET,POST,HEAD,OPTIONS,PUT
cors.allowed.headers Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers
cors.exposed.headers Access-Control-Allow-Origin,Access-Control-Allow-Credentials
cors.support.credentials true
cors.preflight.maxage 10


CorsFilter
/*

```
之后重启服务。一段时间后即可正常访问。

— Published in 1021 words in total