Как связать js интерфейс с node js интерфейсом? - PullRequest
0 голосов
/ 31 января 2020

Я работаю над веб-приложением, созданным с реакцией js в клиентской части и express js в серверной части, также я использую MongoDB в качестве базы данных.

Я следовал этому руководству, в котором YouTuber использует Ax ios для соединения между приложением реаги js и express js API.

Сейчас у меня два вопроса:

Используется ли Next JS для такого рода вещей? если нет, то что дальше js? Должен ли я использовать Ax ios как учебник? или есть лучшее решение для этой ситуации? Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 31 января 2020

Для извлечения данных вы можете использовать потрясающую встроенную fetch или ax ios библиотеку:

fetch(/* url to your backend, eg. http://localhost:3000/mydata */
 , /* notice comma */
 /* other options, eg. method: ”post” */)
.then(response => res.json() /* convert server response from string to JSON */)
.then(data => /* your data array or object like */)

для деталей: MDN: получить API

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

Использование создать приложение реакции вы создаете одну страницу приложение (SPA) , которое является стандартом, все это приложение служило JS связкой для вашего клиента браузер , и после этого вы извлекали данные только с сервера.

На С другой стороны, Далее js - это серверный рендеринг , который лучший из двух миров , это помогает повысить рейтинг страниц в поисковых системах, поднять тяжелый загрузка от клиентов, особенно (мобильные устройства с низким энергопотреблением) и более Проверьте это, если интересно следующий js

0 голосов
/ 31 января 2020

Next Js в основном позволяет создавать серверные рендеринг и веб-приложения c с использованием React.

Вы можете использовать следующий способ подключения к Nodejs с помощью реакции, используя ax ios

axios.post(url,data, {
headers: {
    'authorization': your_token,
    'Accept' : 'application/json',
    'Content-Type': 'application/json'
}
})
.then(response => {
// return  response;
})
.catch((error) => {
//return  error;
});

Если your_token является токеном аутентификации, если у вас есть, url - это URL-адрес nodejs, к которому вы хотите получить доступ, а data - это тело, которое вы предоставляете для публикации данных на сервере вашего узла.

...