首页 > 解决方案 > axios cors问题,当ajax获取数据时

问题描述

我需要从以下位置获取数据:

https://huaris.script-studio.pl/assets/php/chart1.php

我还必须将键和值作为 dataLimit 传递,以生成准确的数据量,例如 dataLimit:2 生成最后 2 行。事情是:ajax代码:

post_data = {
 dataLimit:7
},      
$.ajax({
   method: "POST",
    dataType: "json",
    crossDomain:true,
    data: post_data,
    url: "https://huaris.script-studio.pl/assets/php/chart1.php",
    beforeSend: function() {
           console.log(post_data)
    },
    success: function (data) {
console.log(data)}
  })

女巫工作:

请求网址:https ://huaris.script-studio.pl/assets/php/chart1.php 请求方式:POST 状态码:200 远程地址:46.242.247.49:443 推荐人策略:no-referrer-when-downgrade

但是axios:

请求 URL:https ://huaris.script-studio.pl/assets/php/chart1.php 请求方法:OPTIONS 状态码:200 远程地址:46.242.247.49:443 推荐人策略:no-referrer-when-downgrade

axios 代码如下所示: 在此处输入图像描述

和offcorse CORSE错误:

CORS 策略已阻止从源“ https://confident-jones-a00a99.netlify.com ”访问“ https://huaris.script-studio.pl/assets/php/chart1.php ”中的 XMLHttpRequest:请求Access-Control-Allow-Headers 在预检响应中不允许标头字段内容类型。

另外,如果我用 crome 扩展关闭 cors,我会得到所有记录,比如 dataLimit 不起作用,但 ajax 调用会以预期的输出完成工作。

哪里有问题?我们应该在chart1.php 脚本中添加更多内容??或者是什么?

标签: phpajaxaxios

解决方案


推荐阅读