嘿,我认为我的代码中的问题是在前端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();
1条答案
按热度按时间jhiyze9q1#
在使用
app.listen()
之前,您需要启用cors。考虑一下常规的express中间件,app.listen()
之后的任何内容都不会绑定到服务器,这里也是一样