Question

我知道这个问题是在恶心问的，但是我无法找到似乎很常见的解决方案。

服务器应用尝试发出发布请求时显示以下响应：

Access-Control-Allow-Headers x-requested-with, Content-Type…accept, client-security-token Access-Control-Allow-Methods POST, GET, OPTIONS, DELETE, PUT Access-Control-Allow-Origin * Access-Control-Max-Age 1000

但出现错误：

> 跨域请求被阻止：同源策略禁止读取http://localhost:3000/contact处的远程资源。（原因：CORS标头“ Access-Control-Allow-Origin”缺失）。

我正在尝试使用JS提取功能发出请求：

  fetch('//<my-app-server.com/endpoint>', {
    method: 'post',
    body: send_data,
    mode: 'cors',
    headers: {
      'Accept': 'application/json, application/xml, text/plain, text/html, *.*',
      'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
    },        
  }).then((result) => {
   console.log('success')
  }).catch((error) =>{
    console.log(error);
  })

我尝试使用和不使用标题。使用托管的Apache主机，只想打开全局CORS请求。不确定我在这里缺少什么。

任何建议都将受到欢迎。

Answer 1

错误与服务器在表单提交回传且重定向页面没有CORS标头后执行301有关。

获取后，页面又回到了重定向页面，并在CORS上失败。

缺少CORS错误

1 个答案: