Vue.js Can'；t在VueJS中使用axios在标头中设置授权和令牌

我正在尝试在VueJS客户端和PHPAPI（使用Zend和firebase）上设置JWT令牌身份验证。 我通过创建存储在LocalStorage中的JWT令牌来管理用户登录。现在我想将这个令牌发送回API（以便API解码JWT并返回相关的信息）。我尝试使用axios在VueJS的标题中设置“授权：承载+令牌”，但我总是遇到问题。 以下是一段代码片段：

function getInfos() {
  return axios({
    method: 'get',
    url: MYURL,
    headers: {
      Authorization: 'Bearer ' + localStorage.getItem('user')
    }
  })
    .catch(handleResponse)

}

首先我得到了这个错误：

从源站访问“MYURL”处的XMLHttpRequest”http://localhost:8080'已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：它没有HTTP ok状态。

当我想在PHP API中使用头时，头中没有任何授权：

header("Access-Control-Allow-Origin: *");
header('Access-Control-Allow-Headers: *');

$request = new Request();

我知道我可能不得不使用

axios.defaults.headers.post

或者

axios.interceptors

但是我是初学者，所以我不知道如何正确使用它

---

我希望有人能帮助我！谢谢你

我认为*在设置自定义标题时不起作用，你必须键入标题（'Access-Control-Allow-headers:Authorization'），至少这是我遇到的问题

我认为*在设置自定义标题时不起作用，你必须键入标题（'Access-Control-Allow-headers:Authorization'），这是我遇到的问题