Блог

Главная - Вопросы по программированию - Как запустить приложение react с помощью порта в файле env

Как запустить приложение react с помощью порта в файле env

#node.js #reactjs

Вопрос:

Я пытаюсь запустить приложение react, используя порт, который я упомянул в файле .env в приложении react. Я использую Node.js, express и Mongo для создания API REST я протестировал сервис с помощью postman, он работает нормально, и я могу видеть данные в коллекции mongodb. Я упомянул номер порта как PORT = 3001 , но когда я пытаюсь запустить это приложение, оно терпит неудачу. Приложение не загружается в браузере. Когда я пытаюсь запустить приложение из внешнего интерфейса с помощью npm, приложение «Запуск» загружается, но я получаю ошибку cors. Я хочу запустить свое приложение, используя номер порта, который я упомянул в файле .env в приложении react. Может ли кто-нибудь указать, где я ошибаюсь и чего мне не хватает. Заранее спасибо.

В приложении React я создал файл http-common,js, в котором я импортирую axios и создаю baseurl, как показано ниже.

 import axios from "axios";

export default axios.create({
  baseURL: "http://localhost:8080/api",
  proxy: false,
  headers: {
    "Content-type": "application/json",
  },
});

.env file 
PORT = 3001

Когда я запускаю приложение, указав localhost:3001 в консоли браузера, я получаю предупреждение ниже VM9:7146 crbug/1173575, файлы модулей, отличных от JS, устарели.

Когда я пытаюсь запустить приложение с помощью npm start localhost:3000, я получаю ошибку ниже.

Доступ к XMLHttpRequest по адресу ‘http://localhost:8080/api/tutorials» от происхождения «http://localhost:3000» был заблокирован политикой CORS: заголовок «Доступ-Контроль-Разрешить-Происхождение» имеет значение «http://localhost:8081» это не равно поставляемому источнику.

ПОЛУЧИТЬ http://localhost:8080/api/tutorials сеть::ERR_FAILED

Метки: