Давайте исправим наш package.json и, наконец, запустим наш сервер.
Если вы не делали никаких предыдущих шагов, я бы порекомендовал вам сделать это, на котором мы настроили бы наш бэкэнд.
Теперь давайте, наконец, закончим наш бэкэнд. Давайте настроим наш прокси, основной и наши варианты хостинга для нашего package.json. После свойства скриптов активируйте наш основной файл, который будет папкой нашего сервера, и его не нужно указывать, поскольку это файл index.js.
"main": "server/",
Затем укажите наш прокси, который позволит нам подключиться к бэкэнду. Это будет http: // localhost и порт, на котором он работает. Поскольку мы собираемся использовать auth0, у нас будет наш прокси-объект, равный объекту корневого пути. Один из них подключается к auth0, а другой подключается к вашему серверу, используя URL-адрес вашего сервера. Это означает, что конечная точка серверной части должна начинаться с корневого пути, чтобы получить доступ к прокси. В противном случае вернет ошибки cors или даже не получит доступ к бэкэнду.
Сначала давайте укажем наш прокси, который будет вложенным объектом.
"proxy": {},
Затем укажите наши корневые пути в прокси-объекте.
"proxy": { "/auth/callback": { }, "/api": { } },
Теперь позвольте указать цель каждого корневого пути, который будет одинаковым («http: // localhost: 5000»).
"proxy": { "/auth/callback": { "target": "http://localhost:5000" }, "/api": { "target": "http://localhost:5000" } },
В будущем мы пройдем через auth0, а пока давайте запустим yarn start, которая запускает реакцию, и запустим ваш сервер для запуска node. В одном терминале тип yarn start, а в другом терминале типа node index.js или nodemon (если установлен nodemon).
yarn start
И в другом терминале
node index.js OR nodemon
Это должно получиться.
И чтобы узнать, запущен ли узел, он должен вывести это сообщение.
Listening on Port: 4000 Connected to database
Если он не просматривает предыдущий шаг, на котором мы настраивали наш сервер.
Примечание: проверьте, как мы подключили нашу базу данных.
Последний шаг - настройка нашего хостинга zeit только в нашем package.json. Мы более подробно рассмотрим это позже в этом уроке.
Сначала создайте файл .env.prod, скопируйте все, что есть в вашем файле .env, и вставьте его в файл .env.prod. ПРИМЕЧАНИЕ: НЕ ЗАБУДЬТЕ указать его в .gitignore.
Мы настроим наши скрипты в нашем объекте скриптов.
"now-start": "node server/index.js", "deploy": "now --public --dotenv=.env.prod -d"
Now-start указывает, где будет работать сервер.
И deploy укажет, что он запустит файл .env.prod.
Затем прямо под вашим прокси-объектом укажите ваш объект now, который будет использоваться для указания вашего псевдонима или имени поддомена вашего сайта. Вы бы назвали это иначе, чем я.
"now": { "alias": "ali-store" }
Что ж, на данный момент это все, что касается нашей серверной части. Наконец, все кончено, теперь мы приступим к интересной части, на которую мы будем реагировать.
Вот код для справки.
Далее мы настроим наше тестирование почтальона.
Счастливое кодирование