Play Framework Java Backend с интерфейсом реагировать не возвращает правильный HTTP-ответ - PullRequest
0 голосов
/ 16 ноября 2018

Ниже находится мой файл application.conf.И обратите внимание, что причина в том, что есть несколько строк, я пробовал несколько комбинаций, чтобы решить проблему.Но не смог найти никакого исправления.

Вызов API-вызова в интерфейсе React

fetch('http://localhost:9000/items', {
        method: 'GET'
}).then(
    response => response.json()
).then(
    data => {
        console.log(data);
    }
).catch(
    error => {
        console.error(error);
        console.log('errr');
    }
);

Файл Application.conf

play.filters.hosts {
   allowed = ["."]
}
play.filters.disabled += "play.filters.headers.SecurityHeadersFilter"
play.filters.disabled += play.filters.cors.CORSFilter
play.filters.disabled += play.filters.csrf.CSRFFilter
play.filters.headers.contentSecurityPolicy = "default-src 'self'; img-src 'self' https://my.img.cdn.com"
# disable the built in filters
# play.http.filters = play.api.http.NoHttpFilters
play.filters.enabled += "play.filters.cors.CORSFilter"
play.filters.cors {
  # allow all paths
  pathPrefixes = ["/"]
  # allow all origins (You can specify if you want)
  allowedOrigins = null
  allowedHttpMethods = ["GET", "POST", "PUT", "DELETE"]
  # allow all headers
  allowedHttpHeaders = ["Accept", "Content-Type"]

Ниже показано изображениезапрос опций, который реагирует на запросы внешнего интерфейса.

Options request which react front end requests

Также ниже приведены ошибки и предупреждения в консоли.

CORS

Затем проверил удаление заголовков в запросе http.Затем получил 200, отправив запрос GET на вкладке сети.Но вызвала исключение в вызове API fetch Without headers

Так что, похоже, это проблема cors в API воспроизведения.Но не мог понять это, делая различные изменения в конфигурации приложения.

1 Ответ

0 голосов
/ 19 ноября 2018

Я исправил проблему, и ниже будет ответ.

play.filters.enabled += "play.filters.cors.CORSFilter"

play.filters.cors {
  allowedOrigins = ["http://localhost:8080", "http://localhost:9000"]
  allowedHttpMethods = ["GET", "POST", "PUT", "DELETE"]
  preflightMaxAge = 3 days
}

Надеюсь, это будет полезно для всех.

...