我有一个反应客户端应用程序,它将表单数据发送到AWS API Gateway. 当我测试 API 时Postman一切正常,但是当我Axios在 React 中使用时,控制台中会显示错误:
Access to XMLHttpRequest at 'https://execute-api.eu-west-3.amazonaws.com' from origin 'http://localhost:3001' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Run Code Online (Sandbox Code Playgroud)
我在API网关方法中启用了CORS,我也AWS Lambda function启用了Lambda proxy integrationCORS,但显然它没有解决问题。
我怎样才能解决这个问题 ?提前致谢。
- - - 更新 - - - -
根据评论,这是我从以下位置发送的响应的构建函数Lambda function:
const buildResponse = (statusCode, body) => {
return {
statusCode : statusCode,
headers : {
"Content-Type" : "application/json",
"Access-Control-Allow-Headers" : …Run Code Online (Sandbox Code Playgroud) 我应该为学校项目创建一个控制台应用程序,它是关于数独游戏的,所以问题是我没有发现算法有任何困难,但我想知道是否可以用 c++ 绘制完整的数独表并使其为空方块作为“数据”输入位置,以便用户可以使用箭头键将光标移动到特定数字的位置,以用适当的数字填充它。
有没有办法做到这一点?
我正在使用 React 和 Next.js 开发一个 Web 应用程序,并且我还有一个作为后端分离的 Node.js API。
我有一个登录表单,我将数据发送到 API 以恢复 JWT,当我这样做时,一切正常,但在将用户重定向到受保护的路由“仪表板”后,或者刷新后,用户上下文会丢失。
这是受保护的路线:
import React, {useContext, useEffect} from 'react'
import { useRouter } from "next/router";
import { Context } from '../../context/context';
export default function DashboardIndexView() {
const router = useRouter();
const {isUserAuthenticated, setUserToken, userToken} = useContext(Context);
useEffect(() => {
isUserAuthenticated()
? router.push("/dashboard")
: router.push("/authentication/admin");
}, []);
return (
<>
<h1>Dashboard index view</h1>
</>
)
}
Run Code Online (Sandbox Code Playgroud)
这是上下文文件:
import React, {createContext, useEffect, useState} from 'react'
import { useRouter } from "next/router"; …Run Code Online (Sandbox Code Playgroud)