Woocommerce 飞行前的响应具有无效的HTTP状态代码401飞行前选项调用错误

Woocommerce 飞行前的响应具有无效的HTTP状态代码401飞行前选项调用错误,woocommerce,ionic3,preflight,Woocommerce,Ionic3,Preflight,我正在使用Ionic 3 framework项目,每当我试图通过POST方法(如postAsync)将数据发送到服务器时,都会遇到一个错误,这与选项调用有关,因为错误显示: 飞行前的响应具有无效的HTTP状态代码401 我不知道如何解决这个错误,因为我已经在我的浏览器中添加了CORS扩展,但我仍然面临这个错误问题 是否有任何解决方案可以从浏览器端解决这个问题,比如从chrome devtools,因为我可以通过-mode:OPTIONS从网络中过滤它,但在控制台上我遇到了相同的错误 如果这不可能

我正在使用Ionic 3 framework项目,每当我试图通过
POST
方法(如
postAsync
)将数据发送到服务器时,都会遇到一个错误,这与选项调用有关,因为错误显示:

飞行前的响应具有无效的HTTP状态代码401

我不知道如何解决这个错误,因为我已经在我的浏览器中添加了
CORS
扩展,但我仍然面临这个错误问题

  • 是否有任何解决方案可以从浏览器端解决这个问题,比如从chrome devtools,因为我可以通过
    -mode:OPTIONS
    从网络中过滤它,但在控制台上我遇到了相同的错误

  • 如果这不可能,那么如何解决这个错误呢

  • 代码:

    更多错误消息:

    js:3个选项tusharstar.freesite.host/wc-api/v3/…。。。401 (未经授权)(匿名)@polyfills.js:3。。。(索引):1未能删除 加载飞行前的tusharstar.freestite.host/wc api/v3/…)响应 无效的HTTP状态代码401 bluebird.js:1545未处理拒绝 TypeError:获取失败


    在谷歌搜索了很多次之后,我真的很认真,我的第一点的答案是肯定的!这一切都是关于网络安全问题/预防措施的,它让开发人员通过chrome浏览器获得选项调用的错误/预防点。解决此问题的简单方法(仅用于开发目的)是禁用浏览器的web安全性,使用disabled web security.exe的新扩展重新启动chrome,一切正常。windows用户的步骤: 1.关闭开关。 2.打开cmd 3.添加此代码:
    C:/Program File/Google/Chrome/Application>Chrome.exe--禁用web安全--用户数据dir=“D:\Chrome”

    您可以非常轻松地完成此任务!我们现在就跟我来

  • 在桌面上创建快捷方式
  • 在快捷方式上单击鼠标右键,然后单击“属性”
  • 编辑目标属性
  • 将其设置为“C:\ProgramFiles(x86)\Google\Chrome\Application\Chrome.exe”-5。禁用web安全--用户数据目录=“C:/ChromeDevSession”
  • 在VisualStudio代码中,运行-l
  • 你会看到新的标签打开。您应该知道,此链接是在普通的chrome选项卡中打开的,而不是我们设置的“禁用web安全”chrome。
  • 双击我们设置的快捷方式以打开“禁用web安全”chrome选项卡。然后粘贴到此选项卡中。
  • 因此,我们在使用woo commerce api时出现多个错误的原因是Google的“网络安全”。然后禁用它,实际上不需要任何CORS扩展。因此,如果已安装,请立即将其删除

    我为学习这门课程的人写的这个解决方案。这是一款爱奥尼亚电子商务应用程序,使用woo commerce api从Wordpress(本地或实时服务器)设置和获取数据。如果你在其他语言方面有困难,而不是爱奥尼亚语,它仍然可以正常工作


    事实上,为了找到这个解决方案,我在谷歌上做了很多搜索。我希望这对你们大家都有帮助。现在,我需要睡觉了,因为明天我和我的讲师有一份关于这个爱奥尼亚项目的最终报告我遇到了同样的问题,我通过在WordPress根路径(C:\xampp\htdocs\WordPress)的.htaccess文件顶部添加一些代码来解决了这个问题

    将此代码添加到.htaccess文件的顶部:

    重新编写引擎打开
    重写cond%{REQUEST_METHOD}选项
    
    RewriteRule^(.*)$$l[R=200,l]
    请告诉我们您尝试了什么。实际上,我在woocommerce中使用的是Ionic 3,所以我的代码是这样的,“this.woocommerce.postAsync('customers',customerData.)。然后((数据)=>{…}”现在,每当我试图通过单击按钮将数据发布到服务器时,都会出现此错误。我在chrome浏览器中添加了CORS扩展名,并再次添加了postman扩展名。@nkr只是为了添加我得到的详细信息错误是,'polyfills.js:3 OPTIONS…401(未经授权)(匿名)@polyfills.js:3…(索引):1无法加载)飞行前的响应具有无效的HTTP状态代码401 bluebird.js:1545未处理的拒绝类型错误:无法获取'
    this.WooCommerce.postAsync('customers', customerData).then( (data) => {...}