web-dev-qa-db-ja.com

「Access-Control-Allow-Origin」とスプリングブーツ

dockerデータベースを呼び出しているポート_spring boot_で公開されているmysqlコンテナーで実行されている単純な_8080_サービスがあります。

_localhost:8080/blogs_をヒットすると、_[{"author":"Christopher Bolton","title":"Test Title 1","content":"This is some content","date":"2017-08-29"}]_が返されます

ブラウザで直接ヒットすると、これはうまく機能します。ただし、jQueryから試してみると、通常の_Access-Control-Allow-Origin_になっています。

これが私の春のブートサービスです。

_@SpringBootApplication
@RestController
public class ChrisboltonServiceApplication {

public static void main(String[] args) {
    SpringApplication.run(ChrisboltonServiceApplication.class, args);
}

@Autowired
private JdbcTemplate jdbcTemplate;

@CrossOrigin
@RequestMapping(path="/blogs")
public @ResponseBody Iterable<ChrisBolton> getAllUsers() {
    List<ChrisBolton> result = jdbcTemplate.query(
            "SELECT * FROM blog",
            (rs, rowNum) -> new ChrisBolton(rs.getString("author"), 
                                               rs.getString("title"), 
                                               rs.getString("content"), 
                                               rs.getDate("date"))
    );

    return result;
}
}
_

これが私のjQueryです：

_$.ajax({
  url: "http://localhost:8080/blogs",
  crossDomain: true
}).done(function(data) {

  console.log(data);
});
_

しかし、私はまだこのエラーを受け取っています：

_XMLHttpRequest cannot load http://localhost:8080/blogs. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.
_

_@CrossOrigin_をgetAllUsers()メソッドに追加して this を試し、クラスレベルで試しました。ポート_3000_でUIを実行しているため、 this も確認しました。しかし、そのリンクは春特有のものではありません。

[〜＃〜] edit [〜＃〜]

リクエストヘッダーの追加：

_GET /blogs HTTP/1.1
Host: localhost:8080
Connection: keep-alive
Accept: */*
Origin: http://localhost:3000
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) 
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 
Safari/537.36
Referer: http://localhost:3000/
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.8
_

[ネットワーク]タブでの応答（Chrome）：

_[{"author":"Christopher Bolton","title":"Test Title 1","content":"This is some content","date":"2017-08-29"}]_

そのため、[ネットワーク]タブでデータを取得しているようです。しかし、私のconsole.log(data)は_Access-Control-Allow-Origin_を生成します

javaspringspring-bootcors
7
Chris Bolton

これをアプリケーションに追加してみてください。

_@SpringBootApplication
@RestController
public class ChrisboltonServiceApplication {

    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurerAdapter() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**").allowedOrigins("*");
            }
        };
    }

...
_

また、$.ajax()から_crossDomain: true_を削除してみてください。

10
acdcjunior

必要な場合は、@CrossOrigin("http://localhost:8080")を適切なメソッドに追加できます:8080そこにリクエストを許可します。これは、1つのエンドポイント/コントローラーの単純な構成です。もちろん、後で変数を使用してカスタマイズすることもできます。

0
Artur Czopek