Краткое руководство о том, как включить CORS в NestJS

В этой статье я хочу быстро объяснить, как включить CORS в NestJS без установки каких-либо дополнительных пакетов.

Что такое КОРС?

CORS (Cross-Origin Resource Sharing) — это механизм, который использует дополнительный HTTP-заголовок, чтобы сообщить браузеру, что веб-приложение, работающее в одном источнике (домене), должно иметь разрешение на доступ к выбранным ресурсам с сервера в другом источнике.

Предпосылки

Требуется иметь базовое понимание Node.js и TypeScript. Я выберу Visual Studio Code в качестве редактора кода. Вы можете использовать все, что вы предпочитаете.

Давайте начнем

Во-первых, мы собираемся установить интерфейс командной строки NestJS, поэтому откройте терминал по вашему выбору и введите:

$ npm i -g @nestjs/cli

Мы инициализируем новый проект NestJS с его CLI. Это может занять до минуты.

$ nest new nest-cors -p npm

После выполнения этой команды мы можем открыть наш проект в нашем редакторе кода. Поскольку я использую Visual Studio Code, я собираюсь открыть проект, набрав:

$ cd nest-cors
$ code .

Мой проект выглядит так в VSCode (код Visual Studio):

Теперь мы можем изменить наш файл src/main.ts, чтобы включить CORS. Пожалуйста, измените src/main.ts с:

to

Поздравляем! Мы успешно включили CORS. Кроме того, мы могли бы запустить наше приложение Nest.js, выполнив следующую команду в нашем терминале:

$ npm run start:dev

Спасибо, что прочитали мое краткое руководство о том, как включить CORS в Nest.js.

Ваше здоровье!

Надеюсь, вам понравилось это читать. Если вы хотите поддержать меня как писателя, рассмотрите возможность подписки стать участником Medium. Всего 5 долларов в месяц, и вы получаете неограниченный доступ к Medium.

Хотите поддержать меня? Купи мне кофе.

Читайте другие статьи о NestJS

Создавайте компонуемые веб-приложения

Не создавайте веб-монолиты. Используйте Bit для создания и компоновки несвязанных программных компонентов — в ваших любимых фреймворках, таких как React или Node. Создавайте масштабируемые и модульные приложения с мощными и приятными возможностями разработки.

Перенесите свою команду в Bit Cloud, чтобы совместно размещать и совместно работать над компонентами, а также значительно ускорить, масштабировать и стандартизировать разработку в команде. Начните с компонуемых интерфейсов, таких как Design System или Micro Frontends, или исследуйте компонуемый сервер. Попробуйте →

Узнать больше









Не создавайте веб-монолиты. Используйте Bit для создания и компоновки несвязанных программных компонентов — в ваших любимых фреймворках, таких как React или Node. Создавайте масштабируемые и модульные приложения с мощными и приятными возможностями разработки.

Перенесите свою команду в Bit Cloud, чтобы совместно размещать и совместно работать над компонентами, а также значительно ускорить, масштабировать и стандартизировать разработку в команде. Начните с компонуемых интерфейсов, таких как Design System или Micro Frontends, или исследуйте компонуемый сервер. Попробуйте →

Узнать больше