вот так сходить за данными
fetch('https://alexwohlbruck.github.io/facts')
.then(response => response.json())
.then(facts => {
this.facts = facts
})
.finally(() => {
this.factsLoading = false
})
Браузер ругается на CORS.
vue.config.js с devServe.proxy не помог
// конфигурация
module.exports = {
devServer: {
proxy: 'https://cat-fact.herokuapp.com/'
}
}
// запрос из компонента
fetch('https://localhost:8080/api/facts')
Подскажите пожалуйста, как это дело завести?
Рецепт про devServer.proxy взял отсюда
Та страница которая грузится, может передать в HTTP заголовках корс с разрешением на *.github.io
Вот статья про корс и как его использовать https://developer.mozilla.org/ru/docs/Web/HTTP/CORS
Access-Control-Allow-Origin: http://foo.example Access-Control-Allow-: POST, GET, OPTIONS Access-Control-Allow-Headers: X-PINGOTHER, Content-Type Access-Control-Max-Age: 86400 Вырезка из документации Какому сайту разрешено, какие методы, и как долго это разрешение будет работать
+ vue.config обязательно
Благодарю
Обсуждают сегодня