Estoy codificando una aplicación Vue.js. Creé una API usando python y la alojé usando Heroku. Pero cada vez que intento obtener JSON de esta API, hay un error. Lo probé en otra API (Google Dictionary API: 'https://api.dictionaryapi.dev/api/v2/entries/en/hello'), y funciona bien.

Aquí está el código:

 methods: { calculate() { // Use this API call: // http://gpt3-model.herokuapp.com/api/type=text-ada-001/prompt=<code>/ const url = 'https://gpt3-model.herokuapp.com/api/type=text-ada-001/prompt=' + this.code; axios.get(url, { headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'Access-Control-Allow-Origin': 'http://localhost:8080/', } }) .then(response => { console.log(response.data); this.complexity = response.data; }) .catch(error => { console.log(error); }); } }

Este es el error que recibo: Acceso a XMLHttpRequest en 'https://gpt3-model.herokuapp.com/api/type=text-ada-001/prompt=hi,%20how%20are%20you?/' desde el origen 'http://localhost:8080' ha sido bloqueado por la política de CORS: la respuesta a la solicitud de verificación previa no pasa la verificación de control de acceso: el redireccionamiento no está permitido para una solicitud de verificación previa.