Рубрики
JavaScript lib Laravel React React-project

Соединение React c Laravel

Получить данные (новости) с сервера Laravel во фронтенде React

необходимо переписать запрос на сервер Laravel
поменять роут

src\network.js
файл который отвечает за Network в приложении

const NET = {
WEB_URL:'http://localhost:8000',
APP_URL:'http://localhost:8000/api',
}
export default NET

src\routes\News\News.js

для использования импортированного NET внутри немического кода необходимо использовать обратные кавычки

import NET from './../../network';
...
import ContextData from './../../context/Data/ContextData';
const News = ()=>{
const {stateData, dispathchData} = React.useContext(ContextData)

React.useEffect(()=>{
const fetchNews=async ()=>{
try{
const response = await fetch(`${NET.APP_URL}/news`)

if (response.status === 200){
const result = await response.json()
dispatchData({
type:"FETCH_NEWS",
payload:result
})
}

} catch (e){
console.log(e)
}
fetchNews()
},[])

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *