Как я могу сделать так, чтобы мое внешнее приложение получало доступ к моему серверу узла apis
Я создал внешнее приложение от создать-реагировать-приложение.
Команда "запуск запуска нпм" может создать сервер webpack-dev и обслуживать мои
интерфейсное приложение для разработки. Вот такая проблема:
- Мое клиентское приложение должно запросить некоторое количество API из узловой сервер, которое я создал ранее.
- По умолчанию приложение create-реагировать запускает сервер webpack-dev на порт 3000.
- Мой сервер узла был запущен на порт 3001
- Прямой доступ к порту 3001 может вызвать проблемы с перекрестным происхождением
Как я могу изящно начать свою развивающую историю с этих проблем!
Ответы 3
Есть два способа решить проблемы с перекрестным происхождением на сервере узла:
- Использование модуля узла cors
Сначала установите модуль cors. npm install cors
а затем используйте его внутри своего приложения
const Express = require("express");
const BodyParser = require("body-parser");
const Cors = require("cors");
const app = Express();
app.use(Cors());
app.use(BodyParser.urlencoded({ extended: false }));
app.use(BodyParser.json());
app.listen(3001, 'localhost', (err) => {
if (err) {
console.info(err);
process.exit(-1);
}
console.info("Server listen port 8083");
});
- просто используйте следующие заголовки
app.use(function (req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
res.header("Access-Control-Allow-Methods", "GET, POST, OPTIONS, PUT, DELETE");
next();
});
Простой способ справиться с CORS с серверной частью NodeJS — использовать промежуточное ПО ExpressJS и расширение «cors», как подробно описано в документации ExpressJS:
Руководство по CORS для ExpressJS
В целях тестирования существуют различные расширения браузера, которые автоматически реализуют заголовки CORS во всех ваших запросах (Access-Control-Allow-Origin, Access-Control-Allow-Methods). , Access-Control-Allow-Headers). Использование этого расширения делает все ваши запросы из браузера включенными CORS (НЕ ПОДХОДИТ ДЛЯ ПРОИЗВОДСТВА, ТОЛЬКО ДЛЯ ТЕСТА/РАЗРАБОТКИ).
Обратите внимание, что так называемые «простые запросы», использующие только GET/HEAD/POST и следующие типы контента: application/x-www-form-urlencoded, multipart/form-data, text/plain, не запускают предварительный запрос CORS. так они разрешены.
Для общего понимания CORS я бы обратился к документам Mozilla MDN:
Самый простой способ решить проблемы с CORS — использовать модуль npm для cors. Установите его в свой проект, используя:
npm i cors
Затем включите его в свой файл app.js следующим образом:
const cors = require('cors');
а затем используйте его в качестве промежуточного программного обеспечения в вашем app.js следующим образом:
app.use(cors());
И это должно сделать! Надеюсь это поможет!!