接口出现405跨域错误

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了接口出现405跨域错误相关的知识,希望对你有一定的参考价值。

参考技术A web.config 文件

Global.asax文件
在用户会话启动后,每次发起的请求都会触发Application_BeginRequest事件,并在请求完成时触发Application_EndRequest事件。

利用Filter解决跨域请求的问题

1、为什么出现跨域。

很简单的一句解释,A系统中使用ajax调用B系统中的接口,此时就是一个典型的跨域问题,此时浏览器会出现以下错误信息,此处使用的是chrome浏览器。

 

错误信息如下:

jquery-1.8.0.min.js:3 Failed to load http://localhost:8081/authz/openapi/v1/token: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

Origin ‘null‘ is therefore not allowed access.

 

这就是跨域后浏览器报错,当然导致跨域问题的一些细节想要了解可以自行百度,此处只是介绍如何进行解决。

 

2、利用Filter解决跨域问题。

(1)首先新建一个filter,代码完全可以copy。

package com.leimingtech.web.context;

 

import javax.servlet.*;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

 

public class CrossDomainFilter implements Filter {

 

    @Override

    public void init(FilterConfig filterConfig) throws ServletException {

    }

 

    @Override

    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {

       HttpServletResponse httpServletResponse=(HttpServletResponse)servletResponse;

       httpServletResponse.setHeader("Access-Control-Allow-Origin", "*");

       httpServletResponse.setHeader("Access-Control-Allow-Headers", "Authentication");

       filterChain.doFilter(servletRequest,httpServletResponse);

    }

 

    @Override

    public void destroy() {

    }

}

 

(2)修改web.xml配置文件,将filter配置进去。

<!-- 跨域请求filter -->

<filter>

    <filter-name>crossDomainFilter</filter-name>

    <filter-class>com.leimingtech.web.context.CrossDomainFilter</filter-class>

</filter>

<filter-mapping>

    <filter-name>crossDomainFilter</filter-name>

    <url-pattern>/*</url-pattern>

</filter-mapping>

(3)ok重启应用跨域问题成功解决。

 

以上是关于接口出现405跨域错误的主要内容,如果未能解决你的问题,请参考以下文章

跨域405(Method Not Allowed)问题

lumen+nginx+405 not allow +跨域

Lumen/Laravel跨域POST时候 405错误怎么解决

Js 跨域CORS报错 Response for preflight has invalid HTTP status code 405

转 Js 跨域CORS报错 Response for preflight has invalid HTTP status code 405

Vue报错:OPTIONS 405 Method Not Allowed以及CORS跨域错误