java
cors-filter2.6
axios^0.16.2
vue^2.4.2
前端使用axios调用后台链接,请求服务端数据
请求异常,报错Access-Control-Allow-Origin,经查属于跨域问题,该问题不解决,前后端就不能各自愉快的工作了,因此要想办法解决掉
跨域问题属于后台的安全拦截,跟客户端没关系,在java后台,使用cors filter进行拦截处理,引用maven库cors-filter
修改web.xml,增加cors过滤器,在cors.supportedHeaders节点中,增加Access-Control-Allow-Origin,该处也可以改成*
cors.allowOrigin:可以通过的ip,*代表所有,可以使用指定的ip,多个的话可以用逗号分隔,默认为*cors.supportedMethods:请求方式 默认为*cors.supportedHeaders:请求支持的头信息,默认为*cors.exposedHeaders:暴露的头信息,默认的empy listcors.supportsCredentials:支持证书,默认为truecors.maxAge: 最大过期时间,默认为-1cors.tagRequests: 默认为falsecors.allowSubdomains:允许子域 默认为false详细设置,可参考官网:http://software.dzhuvinov.com/cors-filter-configuration.html
服务端修改后,重启tomcat
在headers里面,要加入'Access-Control-Allow-Origin': '*',否则访问依然报错