Ausführliche Erläuterung der domänenübergreifenden Anforderungsdateninstanz von Axios durch Vue

Axios verfügt standardmäßig nicht über eine domänenübergreifende JSONP-Anfragemethode. Im Allgemeinen besteht der beliebte Ansatz darin, domänenübergreifende Probleme im Hintergrund zu lösen, dh Backend-Entwickler fügen domänenübergreifende Header-Informationen hinzu. In diesem Artikel wird hauptsächlich das Problem der domänenübergreifenden Datenanforderung durch Vue beschrieben. Ich hoffe, dass es für alle hilfreich ist.

Zum Beispiel

header,response.setHeader("Access-Control-Allow-Origin", www.allow-domain.com)

in Java. Oft möchte das Backend es jedoch aus bestimmten Gründen nicht ändern oder die JSONP-Schnittstelle wurde geschrieben und muss angepasst werden Zu diesem Zeitpunkt kann das Front-End separat eingeführt werden. Die Abhängigkeit löst das Problem.

Abhängigkeiten einführen

cnpm install jsonp

In Vue-Datei importieren

import jsonp from 'jsonp'

Verwendung (Sie können sich auf die Dokumentation von jsonp auf npm beziehen)

jsonp("http://cross-domain.com",//替换网址
  {
    //jsonp的回调函数名
    name: 'success_jsonpCallback'
  },

  //注意第一个参数是 err，第二个参数是 data
  function (err, data) { 
    console.log(data);
  });

Verwandte Empfehlungen:

Informationen zur Einstellung von ProxyTable für Vue2.0 zur Verwendung von Axios für domänenübergreifende Anforderungen

Vue2.0 Axios Front -End- und Back-End-Login-Interceptor

Der umfassendste Axios-Leitfaden

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der domänenübergreifenden Anforderungsdateninstanz von Axios durch Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!