minhas informações de contato
Correspondência[email protected]
2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Consulte o seguinte artigo para saber o motivo: A maneira correta de resolver problemas de domínio cruzado separando o front-end e o back-end do sa-token
https://mp.weixin.qq.com/s/96WbWL28T5_-xzyCfJ7Stg
https://blog.csdn.net/qq_34905631/article/details/140233780?spm=1001.2014.3001.5501
Embora este artigo tenha encontrado a postura correta após muitas tentativas, a causa raiz do problema não foi encontrada. Depois de pensar e explorar um pouco, me perguntei se esse domínio cruzado poderia ser simulado localmente e comecei a procurá-lo. Wang, a equipe de front-end do projeto, simulou de fato o domínio cruzado local. No projeto, ele separou o front-end e o back-end do sa-token anterior para resolver a postura correta do domínio cruzado e reproduziu o problema. depois de comentar sobre SimpleCORSFilter no artigo.
A configuração de domínio cruzado do mvc oficial spring5.2.15.RELEASE é a seguinte:
https://docs.spring.io/spring-framework/docs/5.2.15.RELEASE/spring-framework-reference/web.html#mvc-cors-intro
Siga o método oficial vinculado acima e adicione uma classe CustomCorsFilter da seguinte maneira:
package xxxx.config;
import org.springframework.core.Ordered;
import org.springframework.core.annotation.Order;
import org.springframework.stereotype.Component;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.CorsConfigurationSource;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
@Component
@Order(Ordered.HIGHEST_PRECEDENCE)
public class CustomCorsFilter extends CorsFilter {
public CustomCorsFilter() {
super(corsConfigurationSource());
}
private static CorsConfigurationSource corsConfigurationSource() {
CorsConfiguration configuration = new CorsConfiguration();
configuration.addAllowedOrigin("*"); // 允许访问的域名,例如 http://localhost:8080
configuration.addAllowedHeader("*"); // 允许所有请求头
configuration.addAllowedMethod("*"); // 允许所有请求方法
configuration.setAllowCredentials(true);
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**", configuration);
return source;
}
}
A configuração do CustomCorsFilter foi verificada como válida em um projeto em que trabalhei. Porém, em um projeto recente, é inútil usar esta configuração de classe CustomCorsFilter para resolver problemas de domínio cruzado. No artigo acima sobre a maneira correta de resolver problemas entre domínios separando o front-end e o back-end do sa-token, a verificação da classe CustomCorsFilter era realmente inválida. Esse problema foi realmente intrigante quando reconfigurei a classe CustomCorsFilter no projeto. , (SimpleCORSFilter precisa ser comentado, pois este SimpleCORSFilter pode ser usado após a verificação). Após executar o projeto localmente, o front end simula solicitações entre domínios. Coloquei um ponto de interrupção no seguinte código da classe CorsFilter:
@Override
protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response,
FilterChain filterChain) throws ServletException, IOException {
CorsConfiguration corsConfiguration = this.configSource.getCorsConfiguration(request);
boolean isValid = this.processor.processRequest(corsConfiguration, request, response);
//关键就是这里,在这里打上断点
if (!isValid || CorsUtils.isPreFlightRequest(request)) {
return;
}
filterChain.doFilter(request, response);
}
Coloque também um ponto de interrupção no método CorsUtils.isPreFlightRequest:
public static boolean isPreFlightRequest(HttpServletRequest request) {
return (HttpMethod.OPTIONS.matches(request.getMethod()) &&
request.getHeader(HttpHeaders.ORIGIN) != null &&
request.getHeader(HttpHeaders.ACCESS_CONTROL_REQUEST_METHOD) != null);
}
Então a captura de tela do ponto de interrupção é a seguinte:
A interface de login é uma solicitação complexa entre domínios com http mais nome de domínio, e uma solicitação de pré-detecção (solicitação OPTIONS) será enviada.
No projeto integrado ao sa-token, configurei um breakpoint no método doFilterInternal do OncePerRequestFilter e encontrei os seguintes filtros:
Pode-se observar que o CustomCorsFilter que customizamos acima é executado primeiro, e os dois filtros relacionados ao sa-token: saPathCheckFilterForServlet e SaServletFilter são executados posteriormente, portanto, outras conjecturas anteriores foram bem confirmadas. O ponto de interrupção vai para o método doFilterInternal do CorsFilter abaixo. :
//关键就是这里,在这里打上断点
if (!isValid || CorsUtils.isPreFlightRequest(request)) {
return;
}
O problema está no seguinte código:
CorsUtils.isPreFlightRequest(request)
Esta linha de código retornou verdadeira, então retornou. Todos os filtros subsequentes não foram executados, então a solicitação não pôde alcançar a interface. O navegador ainda estava relatando problemas entre domínios. ., descobriu-se que após uma solicitação complexa enviar uma solicitação de pré-detecção (solicitação OPTIONS) entre domínios, a Origem seria definida de forma inexplicável:
http://localhost:3000
Isso foi muito estranho, então pedi ao meu colega front-end Lao Wang para verificar onde esse valor foi definido e descobri o seguinte:
O front end não define Origin, apenas define os seguintes parâmetros:
//设置axios跨域访问
axios.defaults.withcredentials = true // 设置cross跨域 并设置访问权限 允许跨域携带cookie信息axios.defaults.crossDomain=true //设置axios跨域的配置
Na imagem acima, há apenas um valor Referer que coincide com o valor Origin. Isso é realmente apenas uma coincidência, então li o seguinte artigo:
https://blog.csdn.net/qq_55316925/article/details/128571809
Isso me deu muitas ideias, então pensei sobre isso e descobri que o CustomCorsFilter configurado no backend era eficaz. Posso alterar o código-fonte do CorsFilter? Então tentei os dois métodos a seguir, que foram verificados por mim e no front-end Lao Wang, ambos os métodos são viáveis e qualquer um deles pode resolver o problema de domínio cruzado do cors.
Modifique o código-fonte do CorsFilter no back-end
Adicione um novo pacote org.springframework.web.filter em src.main.java no projeto
Em seguida, copie o código-fonte do CorsFilter e coloque-o no pacote org.springframework.web.filter recém-criado acima, e então você pode modificar o código-fonte do CorsFilter.
/*
* Copyright 2002-2019 the original author or authors.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* https://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package org.springframework.web.filter;
import java.io.IOException;
import javax.servlet.FilterChain;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.util.Assert;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.CorsConfigurationSource;
import org.springframework.web.cors.CorsProcessor;
import org.springframework.web.cors.CorsUtils;
import org.springframework.web.cors.DefaultCorsProcessor;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
/**
* {@link javax.servlet.Filter} that handles CORS preflight requests and intercepts
* CORS simple and actual requests thanks to a {@link CorsProcessor} implementation
* ({@link DefaultCorsProcessor} by default) in order to add the relevant CORS
* response headers (like {@code Access-Control-Allow-Origin}) using the provided
* {@link CorsConfigurationSource} (for example an {@link UrlBasedCorsConfigurationSource}
* instance.
*
* <p>This is an alternative to Spring MVC Java config and XML namespace CORS configuration,
* useful for applications depending only on spring-web (not on spring-webmvc) or for
* security constraints requiring CORS checks to be performed at {@link javax.servlet.Filter}
* level.
*
* <p>This filter could be used in conjunction with {@link DelegatingFilterProxy} in order
* to help with its initialization.
*
* @author Sebastien Deleuze
* @since 4.2
* @see <a href="https://www.w3.org/TR/cors/">CORS W3C recommendation</a>
*/
public class CorsFilter extends OncePerRequestFilter {
private final CorsConfigurationSource configSource;
private CorsProcessor processor = new DefaultCorsProcessor();
/**
* Constructor accepting a {@link CorsConfigurationSource} used by the filter
* to find the {@link CorsConfiguration} to use for each incoming request.
* @see UrlBasedCorsConfigurationSource
*/
public CorsFilter(CorsConfigurationSource configSource) {
Assert.notNull(configSource, "CorsConfigurationSource must not be null");
this.configSource = configSource;
}
/**
* Configure a custom {@link CorsProcessor} to use to apply the matched
* {@link CorsConfiguration} for a request.
* <p>By default {@link DefaultCorsProcessor} is used.
*/
public void setCorsProcessor(CorsProcessor processor) {
Assert.notNull(processor, "CorsProcessor must not be null");
this.processor = processor;
}
@Override
protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response,
FilterChain filterChain) throws ServletException, IOException {
CorsConfiguration corsConfiguration = this.configSource.getCorsConfiguration(request);
boolean isValid = this.processor.processRequest(corsConfiguration, request, response);
//修改的源码是将CorsUtils.isPreFlightRequest(request)这行代码移除,就是因为复杂请求跨域发了预检测请求,浏览器的referrer-policy引用者策略会携带一个值,后端处理之后会将这个值赋值给请求头的Orgin属性上,移除这行代码之后就可以正常访问到登录接口了,前端也没有报跨域了。
if (!isValid) {
return;
}
filterChain.doFilter(request, response);
}
}
Adicione o seguinte código ao front-end: desabilite ou remova a política de referência da política de referência
https://blog.csdn.net/qq_49810363/article/details/111036180
O novo código é o seguinte:
<meta name="referrer" content="never">
A política de referência da política de referência do navegador também é por motivos de segurança. O navegador que uso é o navegador Chrome.
Após constantes tentativas e tentativas, o problema de implantação de domínio cruzado do cors ocorreu após a integração do sa-token no projeto. De modo geral, as especificações do protocolo de domínio cruzado do cors não permitem esta operação. A biblioteca de soluções -end não permite operações de solicitação que não sigam as especificações do protocolo cors cross-domain, portanto, você pode usar sa-token para separar as soluções front-end e back-end para a postura correta das soluções cross-domain . Configure um SimpleCORSFilter, escreva parâmetros específicos e processe A solicitação de pré-detecção retorna um código de status 200, ou você pode usar qualquer um dos dois métodos neste artigo para resolver o problema de domínio cruzado do cors. Eu depuro depois de reproduzir a solicitação de domínio cruzado no ponto de interrupção Solução, se você acredita que pode seguir o método neste artigo, reproduza a solicitação de domínio cruzado localmente e depure o ponto de interrupção para ver se há um problema. a linha CorsUtils.isPreFlightRequest(request) do corsFilter Em geral, este cors O problema de domínio cruzado é um grande problema para navegadores. Uma solicitação simples para corsFilter não falhará. . Como a política de referência da política de referência do navegador carregará um valor, após o processamento de back-end, esse valor será atribuído ao atributo Origin do cabeçalho da solicitação, fazendo com que a linha de código CorsUtils.isPreFlightRequest(request) do corsFilter retorne true. e, em seguida, retornar. Como resultado, o doFilter da série subsequente de filtros não é executado e não há acesso à interface de back-end e a página do navegador front-end ainda está relatando problemas entre domínios. , esse problema é realmente irritante. O método https não funciona em vários domínios, porque https escuta a porta 443 e requer um certificado. Acho que isso requer a configuração do certificado. Este artigo esclarece a acusação de que a integração do sa-token fará com que a configuração do corsFilter se torne inválida. é o mesmo na Internet. Nenhum dos artigos deste artigo tem uma solução para esta situação. Deve-se dizer que é o primeiro. Por favor, respeite a originalidade do autor. original. Por favor, reimprima e adicione a fonte original. Este compartilhamento termina aqui. Espero que meu compartilhamento possa inspirar e ajudar você.