Heim > Web-Frontend > js-Tutorial > Hauptteil

So implementieren Sie domänenübergreifende Anforderungen in der vue-cli-Entwicklungsumgebung

亚连
Freigeben: 2018-05-26 14:06:00
Original
1731 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode zur Implementierung domänenübergreifender Anforderungen in der Vue-CLI-Entwicklungsumgebung vorgestellt. Jetzt teile ich sie mit Ihnen und gebe sie als Referenz.

Während der Front-End-Entwicklung müssen Anforderungen an die Backend-Schnittstelle häufig domänenübergreifend sein. Um domänenübergreifende Anforderungen mit vue-cli zu implementieren, müssen Sie nur config/index.js öffnen und Folgendes ändern Inhalt.

//例如要请求的接口url为http://172.3.2.1:8000/look/1

module.exports = {
  dev:{
    proxyTable:{
      '/api':{
        target: 'http://172.3.2.1:8000',
        changeOrigin: true,
        pathRewrite: {
         '^/api': ''
        }
      }
    }
  }
}
Nach dem Login kopieren

Geben Sie zu diesem Zeitpunkt /api/look/1 an der URL der Schnittstelle ein, die Sie anfordern möchten, um domänenübergreifende Anforderungen zu erreichen.

Wenn Sie zu diesem Zeitpunkt F12 öffnen, werden Sie feststellen, dass die angeforderte URL „localhost:8080/api/look/1“ lautet. Dies ist tatsächlich eine virtuelle Anforderung für Daten vom lokalen Standort, sodass keine vorhanden ist domänenübergreifende Probleme.

Unter normalen Umständen gibt es kein Problem mit der oben genannten Methode. Wenn die oben beschriebene Methode nicht funktioniert, können Sie versuchen, so zu schreiben:

//例如要请求的接口url为http://172.3.2.1:8000/look/1

module.exports = {
  dev:{
    proxyTable:{
      '/look':{
        target: 'http://172.3.2.1:8000',
        changeOrigin: true,
        pathRewrite: {
         '^/look': '/look'
        }
      }
    }
  }
}
Nach dem Login kopieren

Oben habe ich es für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Ajax-Methode zum Lesen von Eigenschaftenressourcendateidaten

Ajax-Methode zum regelmäßigen Aktualisieren eines bestimmten Blocks von die Seiteninhaltsmethode

Ajax-Methode zum Abrufen der Antwortinhaltslänge

Das obige ist der detaillierte Inhalt vonSo implementieren Sie domänenübergreifende Anforderungen in der vue-cli-Entwicklungsumgebung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage