axios 即使在nest服务器上启用CORS,也会出现CORS错误

lymgl2op  于 2023-01-25  发布在  iOS
关注(0)|答案(1)|浏览(198)

嘿,我认为我的代码中的问题是在前端React代码,因为如果我使用Postmap,我的API在嵌套上工作正确。
我要做的是:我在后台检查输入的phare是否正确。如果是,它将响应发送一个包含图像URL的对象的请求,而不是我将呈现。
在我的控制台日志中,当我尝试发布请求时,我有附加的图像错误:

这是我处理请求的函数:

const getImages = async (secret) => {
      try {
          const response = await axios.post('http://localhost:5000/secret', {secret});
          return response.data;
      } catch (error) {
          console.log(error);
      }
  }

    const handleSecret = async (e) => {
      secret = phrase;
      console.log(secret)
      if (e.key === "Enter" || e.type === "click") {
          const images = await getImages(secret);
          if (images) {
            //render image if true
              setSecret(true);
          } else {
              window.alert("Incorrect phrase");
              setSecret(false);
          }
      }
  }

我需要社区帮助!
我已经在nest后端启用了cors:

import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  await app.listen(5000);
  app.enableCors();
}
bootstrap();
jhiyze9q

jhiyze9q1#

在使用app.listen()之前,您需要启用cors。考虑一下常规的express中间件,app.listen()之后的任何内容都不会绑定到服务器,这里也是一样

相关问题