鍍金池/ 問答/Java/ options請求時設(shè)置了頭請求和token可是后臺接收不到,為什么?

options請求時設(shè)置了頭請求和token可是后臺接收不到,為什么?

看了下網(wǎng)上的信息,說是因為 OPTIONS 請求無法攜帶自定義頭請求,這是真的么?

報錯信息為

Failed to load http://192.168.1.107:8066/talk/queryList: Response to preflight request 
doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on 
the requested resource. Origin 'http://192.168.1.107:8080' is therefore not allowed access.

從網(wǎng)上搜了一下,說一般跨域請求都會兩次請求,可是為什么我這個只有一次?

clipboard.png

OPTIONS的請求返回值也是200,為什么不執(zhí)行下一次請求了呢

之前一般都會發(fā)兩次請求,這次不知道為什么變成了只發(fā)一次

開發(fā)者工具中顯示的請求信息

clipboard.png

前臺axios設(shè)置,remove token方便測試,也是每次刷新頁面才remove

const axios = Axios.create({
  // baseURL: 'http://localhost:8066',
  baseURL: 'http://192.168.1.107:8066',
  withCredentials:true,
  timeout: 5000,
  // headers: {'X-Custom-Header': 'foobar'}
})

Cookies.remove('token');

axios.interceptors.request.use(
  config => {
    // 這里寫死一個token,你需要在這里取到你設(shè)置好的token的值
    const token = Cookies.get('token');
    console.log(token)
    if (token) {
      // 這里將token設(shè)置到headers中,header的key是Authorization,這個key值根據(jù)你的需要進(jìn)行修改即可
      config.headers.token = token;
    }
    return config
  },
  error => {
    return Promise.reject(error)
  });

export default axios

后臺java設(shè)置

@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        //設(shè)置允許跨域的路徑
        registry.addMapping("/**")
                //設(shè)置允許跨域請求的域名
                .allowedOrigins("*")
                //是否允許證書 不再默認(rèn)開啟
                .allowCredentials(true)
                //設(shè)置允許的方法
                .allowedMethods("*")
                //跨域允許時間
                .maxAge(3600);
    }

    @Override
    public void addArgumentResolvers(List<HandlerMethodArgumentResolver> argumentResolvers) {
        argumentResolvers.add(new LoginUserInfoMethodArgumentResolver());
    }
}



 public class LoginUserInfoMethodArgumentResolver implements HandlerMethodArgumentResolver {

    @Override
    public Object resolveArgument(MethodParameter arg0, ModelAndViewContainer arg1, NativeWebRequest arg2,
                                  WebDataBinderFactory arg3) throws Exception {
        return UserUtil.getUser();
    }

    @Override
    public boolean supportsParameter(MethodParameter arg0) {
        return arg0.getParameterType().equals(User.class);
    }

}  



@Configuration
@WebFilter(filterName = "myFilter", urlPatterns = "/*")
public class MyFilter implements Filter {
    @Override
    public void init(FilterConfig arg0) throws ServletException {
    }

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
            throws IOException, ServletException {
        HttpServletRequest req = (HttpServletRequest) request;

        String cookieToken = CookieUtils.getCookie(req, "token");

        String headerToken = req.getHeader("token");
        System.out.println("headerToken27:" + headerToken);
        if (TokenUtils.notCorrect(headerToken) && !req.getRequestURI().contains("login")) {
            return;
        }
        chain.doFilter(request, response);
    }

    @Override
    public void destroy() {
    }
}

請求可以進(jìn)入后臺,但是String headerToken = req.getHeader("token"); 是null

回答
編輯回答
不將就
Spirng 官方案例中摘取以下解決方案并相應(yīng)簡化

Filter方式

@Configuration
public class MyConfiguration {

    @Bean
    public FilterRegistrationBean corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration config = new CorsConfiguration();
        config.setAllowCredentials(true);
        config.addAllowedOrigin("http://domain1.com");
        config.addAllowedHeader("*");
        config.addAllowedMethod("*");
        source.registerCorsConfiguration("/**", config);
        FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));
        bean.setOrder(0);
        return bean;
    }
}

Global Config 方式

@Configuration
@EnableWebMvc
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/api/**");
    }
}

header放行所有就不寫,method不寫的情況下支持GETDELETE 、 POST有需要才添加,origin不寫就是放行所有。其余配置有不知道有什么作用,請移步官方文檔自己研究。

2017年12月13日 17:45
編輯回答
嘟尛嘴

百度半天
參考:
https://www.2cto.com/kf/20171...

https://www.jianshu.com/p/f37...

好像是options請求無法攜帶自定義header

過濾器里面加了這行代碼就好了

        if (req.getMethod().equals(RequestMethod.OPTIONS.name())) {
            chain.doFilter(request, response);
        }
2017年10月2日 06:24