0
votes

Besoin d'un moyen d'activer Cors dans Vuejs

Je suis nouveau à Vuejs et à la version en utilisant IS 2.0. J'ai besoin d'aller chercher des données JSON à partir de l'URL. Utilisation des méthodes d'extraction JavacSRIPT pour obtenir les données de l'URL. Vous trouverez ci-dessous mon code,

Access to fetch at 'http://api.plos.org/search?q=title:DNA' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.


1 commentaires

Les Cors doivent être activés au niveau du serveur comme le nœud ou l'application Java.


3 Réponses :


0
votes

Cors doit être activé au niveau du serveur comme un nœud ou une application Java.

Access-Control-Autory-Origine: "Test-Client.com" ou utilisez "*" (non recommandé) . Ensuite, autorisez cette valeur sur le serveur

Obtenir est votre méthode HTTP non la valeur d'origine

pour activer dans le nœud Utilisez cette ligne xxx p> Reportez-vous à l'URL ci-dessous pour plus d'informations https://dzone.com/articles/cors-in-node


4 commentaires

d'accord. Je suis nouveau dans ce concept. S'il vous plaît laissez-moi savoir comment activer dans le nœud. Merci


J'ai mis à jour ma réponse et ma plaie l'accepte comme réponse si cela aide


Essayé cela et ne fonctionne pas :(


Stackoverflow.com/Questtions/40863417/cors-issue -with-Vue-JS / ... - cela devrait aider



0
votes

Avez-vous essayé de définir le mode sur no-cors code> comme l'erreur vous suggère?

Définissez le mode de la requête sur 'No-Cors' pour récupérer la ressource avec Cors handicapé. p> blockquote>

Je l'ai testé et ça marche: p> xxx pré>

donc la demande ressemble à ceci: p>

fetch("http://api.plos.org/search?q=title:DNA", {
  mode: "no-cors"
})
  .then(response => response.json())
  .then(result => {
    console.log(result);
  });


2 commentaires

Essayé cela et avoir une erreur comme non capturé (en promesse) SyntaxError: extrémité inattendue de l'entrée dans réponse.json () . Ne sais pas quelle est la raison


Ensuite, consultez cette page Stackoverflow.com/questions/45696999/...



0
votes

Lorsque j'ai des problèmes pendant que je développe, j'utilise l'extension de Crhome appelée Cors déblocage, puis je peux tester mon API, et lorsque je déploie sur le serveur final, est toujours dans le même domaine que je n'ai pas de corner Cors Ploblem


0 commentaires