我想发布数据.一切正常,但我不知道为什么我会收到两个OPTIONS&POST

POST: enter image description here

OPTIONS: enter image description here

以下是代码:

const url = 'http://rest.learncode.academy/api/johnbob/myusers';

export function postUsers(username, password) {
    let users = {
        username,
        password,
    };
    return{
        type: "USERS_POST",
        payload: axios({
            method:'post',
            url:url,
            data: users,
        })
            .then(function (response) {
                console.log(response);
            })
            .catch(function (error) {
                console.log(error);
            })
    }
}

推荐答案

通过AJAX的非简单CORS请求是预先准备好的.阅读更多关于它的信息.这是一种浏览器行为,与axios无关.这种行为本身并没有什么问题,如果它对你有用,你可以离开它.

如果你坚持要摆脱它,有几种方法可以做到:

  1. 您可以在服务器上设置Access-Control-Allow-Origin: *以禁用CORS.

  2. 让你的CORS申请简单一点.您必须将Content-Type标题更改为application/x-www-form-urlencodedmultipart/form-datatext/plain.application/json号.

如果OPTIONS个请求没有阻止你的话,那就让它保持原样吧.

Reactjs相关问答推荐

react 路由导航不工作,但手动路由工作

如何在关闭和打开此 Select 输入时应用旋转效果?

在Reaction中单击并显示子组件延迟/动画

如何在NextJS中仅在刷新页面和页面淡出页面过渡时添加全屏加载器

如何在中间件中获取 nextAuth 会话

MUI 日期 Select 器 - 最小日期混乱

Chart.js如何go 除边框

如何根据ReactJS中元素列表中的布尔值仅显示一次值

在MongoDB中,如何获取最后N条记录中字段不为空或不为空字符串的数据

CORS策略:对预检请求的响应未通过访问控制判断:没有Access-Control-Allow-Origin

每次状态更改时都会提交react 表单

无法读取未定义的属性(读取值)...TypeError:无法读取未定义的属性(读取值)

图像路径很奇怪,部署 Next.js 应用程序后我看不到任何图像

文本的几个词具有线性渐变 colored颜色 - React native

我正在try 使用 cypress 测试我的下拉列表,它 Select 值但不提交它们(手动工作)

Cypress - 替换 React 项目中的变量

谁能根据经验提供有关 useEffect 挂钩的更多信息

为什么此代码中的 useState 不更新(文本更新但 id 不更新)?

在 React 中,为什么不能向空片段添加键(短语法)?

使用 React、Redux 和 Firebase 的无限循环