Axios：预检响应中的 Access-Control-Allow-Headers 不允许请求标头字段 Access-Control-Allow-Methods答案

【问题标题】：Axios : Request header field Access-Control-Allow-Methods is not allowed by Access-Control-Allow-Headers in preflight responesAxios：预检响应中的 Access-Control-Allow-Headers 不允许请求标头字段 Access-Control-Allow-Methods
【发布时间】：2017-12-02 17:40:02
【问题描述】：

我正在尝试从 onesignal api 发送 POST 请求

代码

axios({
  method: 'post',
  url: 'https://onesignal.com/api/v1/notifications',
  headers: {
    'Authorization': 'Basic NTRjZDY1O....',
    'Content-type': 'application/json; charset=utf-8',
    'Access-Control-Allow-Origin':'*',
    'Access-Control-Allow-Methods': 'POST',
    'Access-Control-Allow-Headers':'*',
    'cache-control': 'no-cache'
  },
  data: {
    "app_id": "8e86143e-00.......",
    "contents": {
      "en": "test api"
    },
    "included_segments": [
      "All"
    ]
  }
}).catch(function (error) {
  if (error.response) {
    console.log('error-response-data-'+error.response.data);
    console.log('error-response-status-'+error.response.status);
    console.log('error-response-headers-'+error.response.headers);
  } else if (error.request) {
    console.log('error-request-'+error.request);
  } else {
    console.log('Error', error.message);
  }
});

错误输出

XMLHttpRequest 无法加载 https://onesignal.com/api/v1/notifications 请求头字段 Access-Control-Request-Methods 不允许预检响应中的 Access-Control-Allow-Headers

error log

会修复它，但它没有。有没有人知道这个错误和/或我该如何解决它？
我正在使用 Firebase 托管

【问题讨论】：

有什么解决办法吗？

标签： javascript firebase xmlhttprequest cors firebase-hosting

【解决方案1】：

CORS 应在服务器端启用，以便访问 API

【讨论】：

我正在使用 Firebase 托管