Блог

У меня есть Vue.js приложение, которое использует axios для отправки запроса на сервер ApiGee.

Это код, который я использую для отправки запроса APIgee.

     const headers = {
      'X-API-Key': 'randomKey123123'
    }

    return axios({
      method: 'get',
      url: url,
      headers: headers
    }).then(response => {
      console.log(response)
    })

  

из ApiGee я вижу, что запрос ПАРАМЕТРОВ принимается первым, поскольку я выполнил запрос из браузера на стороне клиента.
Я также вижу ключ X-API-Key заголовка, но значение отсутствует.

Ошибка, которую я получаю из консоли браузера

 Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource
  

Приведенный ниже код помог мне, вы можете попробовать этот формат:

 created() {
  // POST request using axios with set headers
  const article = { title: "Vue POST Request Example" };
  const headers = { 
     'X-API-Key': 'randomKey123123'
  };
  axios.post(url, article, { headers })
    .then(response => console.log(response.data)
   );
}