Как активировать CORS в функциях firebase с помощью NestJS

#node.js #google-cloud-functions #cors #nestjs

#node.js #google-cloud-функции #cors #nestjs

Вопрос:

Я запускаю свой серверный сервер в функции firebase с помощью этого кода

 // Nest Dependencies
import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';
import { ExpressAdapter } from '@nestjs/platform-express';
// Firebase Functions Dependencies
import * as functions from 'firebase-functions';
import * as express from 'express';
// Create a express server
const server = express();
const cors = require('cors');
// Create a NestServer With the Express server
const createNestServer = async (expressInstance: any): Promise<void> => {
  const app = await NestFactory.create(
    AppModule,
    new ExpressAdapter(expressInstance),
  );
  //Inititlize it
  await app.init();
};

// Create the google cloud function with the Nest Server(express server)
export const v1 = functions.https.onRequest(async (request, response) => {
  await createNestServer(server);
  server.use(cors({origin:true}))
  server(request, response);
});
  

Но я получаю эту ошибку CORS в моем интерфейсе React

Заблокирован запрос из разных источников: политика того же источника запрещает чтение удаленного ресурса в https://dev-api.mytingo.com/v1/user/teacher/groups/active?idTeacher=179 . (Причина: отсутствует заголовок CORS ‘Access-Control-Allow-Origin’).

Чего мне не хватает? Спасибо за вашу помощь

Ответ №1:

Вы можете попробовать следующее:

 const createNestServer = async (expressInstance: any): Promise<void> => {
  const app = await NestFactory.create(
    AppModule,
    new ExpressAdapter(expressInstance),
  );
  //enable cors here
  app.enableCors();
  //Inititlize it
  await app.init();
};
  

Ответ №2:

Процитировать ответ Романа:

Если вы будете следовать этому руководству: https://fireship.io/snippets/setup-nestjs-on-cloud-functions /

После этого у вас будет файл index.ts (в папке src), который соответствует основному файлу.ts приложения NestJS, но для производства. Таким образом, вы можете активировать cors в этом месте, как вам посоветовал Роман. Возможно несколько вариантов, вот пример :

 export const createNestServer = async (expressInstance) => {
  const app = await NestFactory.create(
    AppModule,
    new ExpressAdapter(expressInstance),
  );

  const corsOptions = {
    methods: 'GET',
    preflightContinue: true,
    optionsSuccessStatus: 204,
    credentials: true,
    origin: ['http://localhost:8100/'],
  };

  app.enableCors(corsOptions);

  return app.init();
};
  

Не забудьте выполнить сборку перед перезапуском!

 npm run build
firebase serve --only functions
firebase deploy --only functions