{"id":5889,"date":"2022-05-12T14:18:37","date_gmt":"2022-05-12T06:18:37","guid":{"rendered":"http:\/\/123.57.164.21\/?p=5889"},"modified":"2022-07-10T22:26:53","modified_gmt":"2022-07-10T14:26:53","slug":"springboot-%e8%a7%a3%e5%86%b3%e8%b7%a8%e5%9f%9f%e8%af%b7%e6%b1%82%e9%97%ae%e9%a2%98%ef%bc%88no-access-control-allow-origin-header-is-%ef%bc%89","status":"publish","type":"post","link":"https:\/\/92it.top\/?p=5889","title":{"rendered":"SpringBoot – \u89e3\u51b3\u8de8\u57df\u8bf7\u6c42\u95ee\u9898\uff08No ‘Access-Control-Allow-Origin’ header is…\uff09"},"content":{"rendered":"\n

\u51fa\u4e8e\u6d4f\u89c8\u5668\u7684\u540c\u6e90\u7b56\u7565\u9650\u5236\u3002\u540c\u6e90\u7b56\u7565\uff08Sameoriginpolicy\uff09\u662f\u4e00\u79cd\u7ea6\u5b9a\uff0c\u5b83\u662f\u6d4f\u89c8\u5668\u6700\u6838\u5fc3\u4e5f\u6700\u57fa\u672c\u7684\u5b89\u5168\u529f\u80fd\uff0c\u5982\u679c\u7f3a\u5c11\u4e86\u540c\u6e90\u7b56\u7565\uff0c\u5219\u6d4f\u89c8\u5668\u7684\u6b63\u5e38\u529f\u80fd\u53ef\u80fd\u90fd\u4f1a\u53d7\u5230\u5f71\u54cd\u3002\u53ef\u4ee5\u8bf4Web\u662f\u6784\u5efa\u5728\u540c\u6e90\u7b56\u7565\u57fa\u7840\u4e4b\u4e0a\u7684\uff0c\u6d4f\u89c8\u5668\u53ea\u662f\u9488\u5bf9\u540c\u6e90\u7b56\u7565\u7684\u4e00\u79cd\u5b9e\u73b0\u3002<\/p>\n\n\n\n

\u540c\u6e90\u7b56\u7565\u4f1a\u963b\u6b62\u4e00\u4e2a\u57df\u7684javascript\u811a\u672c\u548c\u53e6\u5916\u4e00\u4e2a\u57df\u7684\u5185\u5bb9\u8fdb\u884c\u4ea4\u4e92\u3002\u6240\u8c13\u540c\u6e90\uff08\u5373\u6307\u5728\u540c\u4e00\u4e2a\u57df\uff09\u5c31\u662f\u4e24\u4e2a\u9875\u9762\u5177\u6709\u76f8\u540c\u7684\u534f\u8bae\uff08protocol\uff09\uff0c\u4e3b\u673a\uff08host\uff09\u548c\u7aef\u53e3\u53f7\uff08port\uff09<\/p>\n\n\n\n

\u5f53\u4e00\u4e2a\u8bf7\u6c42url\u7684\u534f\u8bae\u3001\u57df\u540d\u3001\u7aef\u53e3\u4e09\u8005\u4e4b\u95f4\u4efb\u610f\u4e00\u4e2a\u4e0e\u5f53\u524d\u9875\u9762url\u4e0d\u540c\u5373\u4e3a\u8de8\u57df
<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

\u5728\u5f00\u53d1\u524d\u540e\u7aef\u5206\u79bb\u7684\u9879\u76ee\u65f6\uff0c\u5e38\u5e38\u4f1a\u78b0\u5230\u8de8\u57df\u8bf7\u6c42\u7684\u95ee\u9898\u3002\u5373\u7531\u4e8e\u6d4f\u89c8\u5668\u7684\u5b89\u5168\u6027\u9650\u5236\uff0c\u4e0d\u5141\u8bb8 AJAX<\/strong> \u8bbf\u95ee\u534f\u8bae\u4e0d\u540c\u3001\u57df\u540d\u4e0d\u540c\u3001\u7aef\u53e3\u53f7\u4e0d\u540c\u7684\u6570\u636e\u63a5\u53e3\uff0c\u5426\u5219\u4f1a\u51fa\u62a5 No ‘Access-Control-Allow-Origin’ header is present on the requested resource. <\/strong>\u9519\u8bef\u3002<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Spring Boot <\/strong>\u652f\u6301\u901a\u8fc7\u8bbe\u7f6e CORS<\/strong>\uff08\u8de8\u6e90\u8d44\u6e90\u5171\u4eab\uff09\u6765\u89e3\u51b3\u8de8\u57df\u8bf7\u6c42\u95ee\u9898\u3002\u5177\u4f53\u5982\u4e0b\u4e24\u4e2a\u5730\u65b9\u53ef\u4ee5\u8fdb\u884c\u914d\u7f6e\uff0c\u6211\u4eec\u9009\u62e9\u4e00\u79cd\u5373\u53ef\u3002<\/p>\n\n\n\n

java \u540e\u7aef \u5b9e\u73b0 CORS \u8de8\u57df\u8bf7\u6c42\u7684\u65b9\u5f0f<\/strong><\/p>\n\n\n\n

  • \u8fd4\u56de\u65b0\u7684CorsFilter<\/li>
  • \u91cd\u5199 WebMvcConfigurer<\/li>
  • \u4f7f\u7528\u6ce8\u89e3 @CrossOrigin<\/li>
  • \u624b\u52a8\u8bbe\u7f6e\u54cd\u5e94\u5934 (HttpServletResponse)<\/li>
  • \u81ea\u5b9aweb filter \u5b9e\u73b0\u8de8\u57df<\/li><\/ul>\n\n\n\n

    \u6ce8\u610f<\/strong><\/p>\n\n\n\n

    • CorFilter \/ WebMvConfigurer \/ @CrossOrigin \u9700\u8981 SpringMVC 4.2\u4ee5\u4e0a\u7248\u672c\u624d\u652f\u6301\uff0c\u5bf9\u5e94springBoot 1.3\u7248\u672c\u4ee5\u4e0a<\/li>
    • \u4e0a\u9762\u524d\u4e24\u79cd\u65b9\u5f0f\u5c5e\u4e8e\u5168\u5c40 CORS \u914d\u7f6e\uff0c\u540e\u4e24\u79cd\u5c5e\u4e8e\u5c40\u90e8 CORS\u914d\u7f6e\u3002\u5982\u679c\u4f7f\u7528\u4e86\u5c40\u90e8\u8de8\u57df\u662f\u4f1a\u8986\u76d6\u5168\u5c40\u8de8\u57df\u7684\u89c4\u5219\uff0c\u6240\u4ee5\u53ef\u4ee5\u901a\u8fc7\u00a0@CrossOrigin \u6ce8\u89e3\u6765\u8fdb\u884c\u7ec6\u7c92\u5ea6\u66f4\u9ad8\u7684\u8de8\u57df\u8d44\u6e90\u63a7\u5236\u3002<\/li>
    • \u5176\u5b9e\u65e0\u8bba\u54ea\u79cd\u65b9\u6848\uff0c\u6700\u7ec8\u76ee\u7684\u90fd\u662f\u4fee\u6539\u54cd\u5e94\u5934\uff0c\u5411\u54cd\u5e94\u5934\u4e2d\u6dfb\u52a0\u6d4f\u89c8\u5668\u6240\u8981\u6c42\u7684\u6570\u636e\uff0c\u8fdb\u800c\u5b9e\u73b0\u8de8\u57df<\/li><\/ul>\n\n\n\n

      \u8fd4\u56de\u65b0\u7684 CorsFilter(\u5168\u5c40\u8de8\u57df)<\/strong><\/p>\n\n\n\n

      \n\n\n\n

      \u5728\u4efb\u610f\u914d\u7f6e\u7c7b\uff0c\u8fd4\u56de\u4e00\u4e2a \u65b0\u7684 CorsFIlter Bean \uff0c\u5e76\u6dfb\u52a0\u6620\u5c04\u8def\u5f84\u548c\u5177\u4f53\u7684CORS\u914d\u7f6e\u8def\u5f84\u3002<\/p>\n\n\n\n

      @Configuration\npublic class GlobalCorsConfig {\n    @Bean\n    public CorsFilter corsFilter() {\n        \/\/1. \u6dfb\u52a0 CORS\u914d\u7f6e\u4fe1\u606f\n        CorsConfiguration config = new CorsConfiguration();\n        \/\/\u653e\u884c\u54ea\u4e9b\u539f\u59cb\u57df\n        config.addAllowedOrigin(\"*\");\n        \/\/\u662f\u5426\u53d1\u9001 Cookie\n        config.setAllowCredentials(true);\n        \/\/\u653e\u884c\u54ea\u4e9b\u8bf7\u6c42\u65b9\u5f0f\n        config.addAllowedMethod(\"*\");\n        \/\/\u653e\u884c\u54ea\u4e9b\u539f\u59cb\u8bf7\u6c42\u5934\u90e8\u4fe1\u606f\n        config.addAllowedHeader(\"*\");\n        \/\/\u66b4\u9732\u54ea\u4e9b\u5934\u90e8\u4fe1\u606f\n        config.addExposedHeader(\"*\");\n        \/\/2. \u6dfb\u52a0\u6620\u5c04\u8def\u5f84\n        UrlBasedCorsConfigurationSource corsConfigurationSource = new UrlBasedCorsConfigurationSource();\n        corsConfigurationSource.registerCorsConfiguration(\"\/**\",config);\n        \/\/3. \u8fd4\u56de\u65b0\u7684CorsFilter\n        return new CorsFilter(corsConfigurationSource);\n    }\n}<\/pre>\n\n\n\n
      \u4f7f\u7528\u6ce8\u89e3 (\u5c40\u90e8\u8de8\u57df)<\/strong><\/p>\n\n\n\n
      \n\n\n\n
      \uff081\uff09\u6211\u4eec\u53ef\u4ee5\u76f4\u63a5\u5728\u76f8\u5e94\u7684\u8bf7\u6c42\u65b9\u6cd5\u4e0a\u6dfb\u52a0 @CrossOrigin <\/strong>\u6ce8\u89e3\uff0c\u90a3\u4e48\u8be5\u65b9\u6cd5\u5219\u652f\u6301\u8de8\u57df\u3002<\/p>\n\n\n\n
      @RestController\npublic class WebAPIController {\n    @Autowired\n    DeviceDataManager deviceDataManager;\n \n    @GetMapping(\"\/getDeviceDatas\")\n    @CrossOrigin\n    public List<DeviceData> getDeviceDatas() {\n        return deviceDataManager.getDatas();\n    }\n}<\/pre>\n\n\n\n
      \uff082\uff09\u6211\u4eec\u4e5f\u53ef\u4ee5\u5728\u63a7\u5236\u5668\u4e0a\u6dfb\u52a0 @CrossOrigin <\/strong>\u6ce8\u89e3\uff0c\u90a3\u4e48\u8be5\u63a7\u5236\u5668\u4e0b\u7684\u6240\u6709\u65b9\u6cd5\u90fd\u652f\u6301\u8de8\u57df\u3002<\/p>\n\n\n\n
      @RestController\n@CrossOrigin\npublic class WebAPIController {\n    @Autowired\n    DeviceDataManager deviceDataManager;\n \n    @GetMapping(\"\/getDeviceDatas\")\n    public List<DeviceData> getDeviceDatas() {\n        return deviceDataManager.getDatas();\n    }\n}<\/pre>\n\n\n\n
      \uff083\uff09@CrossOrigin <\/strong>\u6ce8\u89e3\u8fd8\u652f\u6301\u66f4\u52a0\u4e30\u5bcc\u7684\u53c2\u6570\u914d\u7f6e\uff1a<\/p>\n\n\n\n
      • value\uff1a\u8868\u793a\u652f\u6301\u7684\u57df\u3002\u8fd9\u91cc\u8868\u793a\u6765\u81ea http:\/\/localhost:8081 \u57df\u7684\u8bf7\u6c42\u662f\u652f\u6301\u8de8\u57df\u7684\u3002\u9ed8\u8ba4\u4e3a *\uff0c\u8868\u793a\u6240\u6709\u57df\u90fd\u53ef\u4ee5\u3002<\/li>
      • maxAge\uff1a\u8868\u793a\u63a2\u6d4b\u8bf7\u6c42\u7684\u6709\u6548\u671f\uff08\u5148\u8fdb\u6027\u5224\u65ad\u662f\u5426\u6709\u6548\uff09\u3002\u63a2\u6d4b\u8bf7\u6c42\u4e0d\u7528\u6bcf\u6b21\u90fd\u53d1\u9001\uff0c\u53ef\u4ee5\u914d\u7f6e\u4e00\u4e2a\u6709\u6548\u671f\uff0c\u6709\u6548\u671f\u8fc7\u4e86\u4e4b\u540e\u624d\u4f1a\u53d1\u9001\u63a2\u6d4b\u8bf7\u6c42\u3002\u9ed8\u8ba4\u4e3a 1800 \u79d2\uff0c\u5373 30 \u5206\u949f\u3002<\/li>
      • allowedHeaders\uff1a\u8868\u793a\u5141\u8bb8\u7684\u8bf7\u6c42\u5934\u3002\u9ed8\u8ba4\u4e3a *\uff0c\u8868\u793a\u8be5\u57df\u4e2d\u7684\u6240\u6709\u7684\u8bf7\u6c42\u90fd\u88ab\u5141\u8bb8\u3002<\/li><\/ul>\n\n\n\n
        @RestController\npublic class WebAPIController {\n    @Autowired\n    DeviceDataManager deviceDataManager;\n \n    @GetMapping(\"\/getDeviceDatas\")\n    @CrossOrigin(value = \"http:\/\/localhost:8081\", maxAge = 1800, allowedHeaders =\"*\")\n    public List<DeviceData> getDeviceDatas() {\n        return deviceDataManager.getDatas();\n    }\n}<\/pre>\n\n\n\n
        \u91cd\u5199 WebMvcConfigurer(\u5168\u5c40\u8de8\u57df)<\/strong><\/p>\n\n\n\n
        \n\n\n\n
        \uff081\uff09\u5168\u5c40\u914d\u7f6e\u9700\u8981\u6dfb\u52a0\u81ea\u5b9a\u4e49\u7c7b\u5b9e\u73b0 WebMvcConfigurer<\/strong> \u63a5\u53e3\uff0c\u7136\u540e\u5b9e\u73b0\u63a5\u53e3\u4e2d\u7684 addCorsMappings<\/strong> \u65b9\u6cd5\u3002\u4e0b\u9762\u662f\u4e00\u4e2a\u7b80\u5355\u7684\u6837\u4f8b\u4ee3\u7801\uff1a<\/p>\n\n\n\n
        • addMapping\uff1a\u8868\u793a\u5bf9\u54ea\u79cd\u683c\u5f0f\u7684\u8bf7\u6c42\u8def\u5f84\u8fdb\u884c\u8de8\u57df\u5904\u7406\u3002<\/li>
        • allowedHeaders\uff1a\u8868\u793a\u5141\u8bb8\u7684\u8bf7\u6c42\u5934\uff0c\u9ed8\u8ba4\u5141\u8bb8\u6240\u6709\u7684\u8bf7\u6c42\u5934\u4fe1\u606f\u3002<\/li>
        • allowedMethods\uff1a\u8868\u793a\u5141\u8bb8\u7684\u8bf7\u6c42\u65b9\u6cd5\uff0c\u9ed8\u8ba4\u662f GET\u3001POST \u548c HEAD\u3002\u8fd9\u91cc\u914d\u7f6e\u4e3a * \u8868\u793a\u652f\u6301\u6240\u6709\u7684\u8bf7\u6c42\u65b9\u6cd5\u3002<\/li>
        • maxAge\uff1a\u8868\u793a\u63a2\u6d4b\u8bf7\u6c42\u7684\u6709\u6548\u671f<\/li>
        • allowedOrigins \u8868\u793a\u652f\u6301\u7684\u57df<\/li><\/ul>\n\n\n\n
          @Configuration\npublic class MyWebMvcConfig implements WebMvcConfigurer {\n \n    @Override\n    public void addCorsMappings(CorsRegistry registry) {\n        registry.addMapping(\"\/device\/**\")\n                .allowedHeaders(\"*\")\n                .allowedMethods(\"*\")\n                .maxAge(1800)\n                .allowedOrigins(\"http:\/\/localhost:8081\");\n    }\n}<\/pre>\n\n\n\n
          \uff082\uff09\u6211\u4eec\u4e5f\u53ef\u4ee5\u91c7\u7528\u5982\u4e0b\u914d\u7f6e\uff0c\u76f4\u63a5\u8ba9\u6240\u6709\u8bf7\u6c42\u3001\u6240\u6709\u57df\u90fd\u652f\u6301\u8de8\u57df\uff1a<\/p>\n\n\n\n
          @Configuration\npublic class MyWebMvcConfig implements WebMvcConfigurer {\n \n    @Override\n    public void addCorsMappings(CorsRegistry registry) {\n        registry.addMapping(\"\/**\")\n                .allowedHeaders(\"*\")\n                .allowedMethods(\"*\")\n                .maxAge(1800)\n                .allowedOrigins(\"*\");\n    }\n}<\/pre>\n\n\n\n
          \u624b\u52a8\u8bbe\u7f6e\u54cd\u5e94\u5934(\u5c40\u90e8\u8de8\u57df)<\/strong><\/p>\n\n\n\n
          \n\n\n\n
          \u4f7f\u7528 HttpServletResponse \u5bf9\u8c61\u6dfb\u52a0\u54cd\u5e94\u5934(Access-Control-Allow-Origin)\u6765\u6388\u6743\u539f\u59cb\u57df\uff0c\u8fd9\u91cc Origin\u7684\u503c\u4e5f\u53ef\u4ee5\u8bbe\u7f6e\u4e3a \u201c*\u201d,\u8868\u793a\u5168\u90e8\u653e\u884c\u3002<\/p>\n\n\n\n
          @RequestMapping(\"\/index\")\npublic String index(HttpServletResponse response) {\n    response.addHeader(\"Access-Allow-Control-Origin\",\"*\");\n    return \"index\";\n}<\/pre>\n\n\n\n
          \u4f7f\u7528\u81ea\u5b9a\u4e49filter\u5b9e\u73b0\u8de8\u57df<\/strong><\/p>\n\n\n\n
          \n\n\n\n
          \u9996\u5148\u7f16\u5199\u4e00\u4e2a\u8fc7\u6ee4\u5668\uff0c\u53ef\u4ee5\u8d77\u540d\u5b57\u4e3aMyCorsFilter.java<\/p>\n\n\n\n
          package com.mesnac.aop;\n \nimport java.io.IOException;\nimport javax.servlet.Filter;\nimport javax.servlet.FilterChain;\nimport javax.servlet.FilterConfig;\nimport javax.servlet.ServletException;\nimport javax.servlet.ServletRequest;\nimport javax.servlet.ServletResponse;\nimport javax.servlet.http.HttpServletResponse;\nimport org.springframework.stereotype.Component;\n@Component\npublic class MyCorsFilter implements Filter {\n  public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {\n    HttpServletResponse response = (HttpServletResponse) res;\n    response.setHeader(\"Access-Control-Allow-Origin\", \"*\");\n    response.setHeader(\"Access-Control-Allow-Methods\", \"POST, GET, OPTIONS, DELETE\");\n    response.setHeader(\"Access-Control-Max-Age\", \"3600\");\n    response.setHeader(\"Access-Control-Allow-Headers\", \"x-requested-with,content-type\");\n    chain.doFilter(req, res);\n  }\n  public void init(FilterConfig filterConfig) {}\n  public void destroy() {}\n}<\/pre>\n\n\n\n
          \u5728web.xml\u4e2d\u914d\u7f6e\u8fd9\u4e2a\u8fc7\u6ee4\u5668\uff0c\u4f7f\u5176\u751f\u6548<\/p>\n\n\n\n
          <!-- \u8de8\u57df\u8bbf\u95ee START-->\n<filter>\n <filter-name>CorsFilter<\/filter-name>\n <filter-class>com.mesnac.aop.MyCorsFilter<\/filter-class>\n<\/filter>\n<filter-mapping>\n <filter-name>CorsFilter<\/filter-name>\n <url-pattern>\/*<\/url-pattern>\n<\/filter-mapping>\n<!-- \u8de8\u57df\u8bbf\u95ee END  --><\/pre>\n","protected":false},"excerpt":{"rendered":"
          \u51fa\u4e8e\u6d4f\u89c8\u5668\u7684\u540c\u6e90\u7b56\u7565\u9650\u5236\u3002\u540c\u6e90\u7b56\u7565\uff08Sameoriginpolicy\uff09\u662f\u4e00\u79cd\u7ea6\u5b9a\uff0c\u5b83\u662f\u6d4f\u89c8\u5668\u6700\u6838\u5fc3\u4e5f\u6700\u57fa\u672c\u7684\u5b89 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"_links":{"self":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/5889"}],"collection":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5889"}],"version-history":[{"count":5,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/5889\/revisions"}],"predecessor-version":[{"id":6364,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/5889\/revisions\/6364"}],"wp:attachment":[{"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}