So lösen Sie Probleme mit domänenübergreifenden Reaktionen

Lösung zur Reaktion auf domänenübergreifende Probleme: Fügen Sie zuerst [proxy“: „http://localhost:8000] zu [package.json] hinzu und fordern Sie dann [fetch('/api/userdata/')] auf der Seite an an die Adresse im Proxy weitergeleitet werden.

Lösung zur Reaktion auf domänenübergreifende Probleme:

1. Der einfachste Vorgang

Fügen Sie "proxy": "http://localhost:8000"

zu package.json hinzu und fordern Sie dann fetch('/api/userdata auf Ihrer Seite /' an. ) wird an die Adresse im Proxy weitergeleitet, d , Sie haben gerade fetch('/api/userdata/') gesendet, es gibt kein domänenübergreifendes Problem

2. Fügen Sie mehrere Proxys hinzu

Fügen Sie

"proxy": {
"/api": {
"target": "http://localhost:8000",
"changeOrgin": true
},
"/app": {
"target": "http://localhost:8001",
"changeOrgin": true
}
},

Verwendungsmethode

axios.post('/api/users').then(res =>{
console.log(res)
})

zu package.json hinzu. Aber wenn erneut- Beim Starten von npm wird ein Fehler gemeldet, der besagt, dass der Wert von „proxy“ ein Zeichenfolgentyp und kein Objekt sein sollte.

Der Grund ist, dass die Version des React-Scripts-Moduls zu hoch ist. Sie müssen den React-Scripts-Ordner in node_modules im ursprünglichen Verzeichnis löschen und eine niedrigere Version installieren. -save

Das domänenübergreifende Problem kann zwar gelöst werden, aber ich habe im Projekt sass verwendet. Nach der Umstellung auf eine niedrigere Version wird das Parsen von sass nicht unterstützt Um Sass zu unterstützen, müssen Sie es in „node_modules/react-scripts/config“ konfigurieren. Es wird jedoch nicht empfohlen, dies zu tun.

3. )

Das obige ist der detaillierte Inhalt vonSo lösen Sie Probleme mit domänenübergreifenden Reaktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!