Heim >Web-Frontend >js-Tutorial >So implementieren Sie domänenübergreifende Anforderungen in der vue-cli-Entwicklungsumgebung

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

亚连
亚连Original
2018-05-26 14:06:001772Durchsuche

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': ''
        }
      }
    }
  }
}

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'
        }
      }
    }
  }
}

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!

Stellungnahme:
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