Proxy mit ProxyTable-Parameter

Dieses Mal werde ich Ihnen die Verwendung des ProxyTable-Parameter-Proxys vorstellen. Was sind die Vorsichtsmaßnahmen für die Verwendung des ProxyTable-Parameter-Proxy? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Was ist domänenübergreifender Proxy?

Aus Sicherheitsgründen ist dies bei verschiedenen Domänen nicht zulässig Erhalten Sie Daten. Mit Ausnahme einiger spezieller Beispiele können

, domänenübergreifend sein, jedoch normalerweise in der Form von get Wenn dies der Fall ist, wird die Same-Origin-Richtlinie ausgelöst, es sei denn, Ihr Servercode legt einen Header fest, der Ihnen den Zugriff darauf ermöglicht. Dies ist offensichtlich unzumutbar! . Ist es heutzutage nicht beliebt, das Front-End und das Back-End zu trennen? Der Back-End-Code läuft weg und nur das Front-End bleibt übrig. Wie kann ich den zweidimensionalen Code im Front-End erhalten? dass die domänenübergreifende Verwendung sehr mühsam und schwierig ist und möglicherweise nicht möglich ist. Dann können Sie domänenübergreifende Proxys verwenden

Prinzip der domänenübergreifenden Proxys

Der sogenannte Proxy besteht darin, das Back-End zum Senden von HTTP-Anfragen anstelle des Front-Ends zu verwenden. Genau wie beim Vue-Scaffolding müssen Sie zum Ausführen des Projekts npm run dev eingeben oder npm run start. Der Agent von vue scaffolding verwendet den Knoten, um http-Anfragen zu initiieren. Wäre es nicht einfach, wenn die Anfrage nicht vom Browser initiiert würde?

Wie funktioniert der Vue-Scaffolding-Proxy domänenübergreifend? Suchen Sie die Datei index.js im Konfigurationsordner, in der Datei befindet sich ein Entwickler, finden Sie darin die ProxyTable{} und ändern Sie sie

proxyTable: { '/api': { target: 'https://www.xxx.com/',//你要跨的域 changeOrigin: true, pathRewrite: { '^/api': '/api', }, headers:{ //这边可以堆headers进行设置 } }, }, Dabei ist „Ziel“ die Adresse, die Sie durch die Domäne überqueren möchten, und „/api“ ist der Pfad der nächsten Ebene unter der Domäne, die Sie durchqueren möchten, wie oben beschrieben, um die Dinge unter „https://www.xxx.com/api“ abzurufen, und dann „wir“. Führen Sie ein Ajax-Paket axios ein und führen Sie Ajax aus

import axios from 'axios' axios.get('/getMessage').then(()=>{}) Nachdem der obige Code ausgeführt wurde, hilft er Ihnen automatisch dabei, die Daten von https://www.xxx.com/api/getMessage domänenübergreifend abzurufen

Ich glaube, Sie haben es gelesen. Im Fall dieses Artikels beherrschen Sie die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Kapseln Sie den Vue2-Routing-Navigations-Hook und verwenden Sie ihn im tatsächlichen Kampf

Knoten+Token zur Benutzerüberprüfung