Ниже находится мой файл 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"]
Ниже показано изображениезапрос опций, который реагирует на запросы внешнего интерфейса.
Также ниже приведены ошибки и предупреждения в консоли.
Затем проверил удаление заголовков в запросе http.Затем получил 200, отправив запрос GET на вкладке сети.Но вызвала исключение в вызове API fetch
Так что, похоже, это проблема cors в API воспроизведения.Но не мог понять это, делая различные изменения в конфигурации приложения.