Nodejs上的CORS问题Express API Swagger-UI-Express API文档托管在AWS Beanstalk上

Question

我有部署在AWS弹性beanstalk上的Nodejs Express应用程序。我可以毫无问题地访问API，但是当我尝试访问Swagger API文档时，我会遇到CORS错误，并且页面将永远加载，直到什么都没有显示为止。

我正在使用cors npm软件包中的应用程序中的CORS，但没有帮助。

有人知道我如何解决这个问题吗？我很乐意为任何想要提供帮助的人提供更多详细信息。

谢谢。

import router from '@api';
import * as statusCodes from '@constants/statusCode';
import { dbConnect } from '@dbConfig';
import swaggerDocument from '@swaggerDocs';
import { errors } from 'celebrate';
import compression from 'compression';
import cors from 'cors';
import dotenv from 'dotenv';
import express from 'express';
import helmet from 'helmet';
import createError from 'http-errors';
import logger from 'morgan';
import swaggerUi from 'swagger-ui-express';

dotenv.config();
dbConnect();

const app = express();
app.use(cors());
app.use(helmet());
app.use(compression());
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: true }));

app.use('/api/v1', router);
app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDocument));

// catch 404 errors
app.use((_, _1, next) => {
    next(createError(statusCodes.HTTP_NOT_FOUND));
});

app.use((err, req, res, next) => {
    res.locals.message = err.message;
    res.locals.error = req.app.get('env') === 'development' ? err : {};
    res.status(err.status || statusCodes.HTTP_SERVER_ERROR);
    const response = { message: err.message, error: err.status };
    res.send(response);
    next();
});

app.use(errors());

export default app;

Answer 1

设置SSL并在应用程序中添加域后，我能够加载Swagger UI文档。也许这可能在将来对某人有所帮助，但我希望我在添加域之前知道该怎么做。