vue.js – Nachdem Vue gepackt wurde, kann das domänenübergreifende Problem der Nginx-Server-API-Anfrage nicht gelöst werden.

Question

Ich habe Vue gepackt, an den Server gesendet und es dann in dem Verzeichnis abgelegt, das durch den Namen der WWW-Subdomäne angegeben ist. Wenn ich eine Anfrage stelle, muss ich das Verzeichnis anfordern, das an den Namen der API-Subdomäne gebunden ist. Diese Anfrage verursachte eine domänenübergreifende Eingabeaufforderung

Dann habe ich es auch in Nginx konfiguriert, ohne Lösung.

Das heißt, ich bitte darum, die Ajax-Post-Anfrage von www.daimatu.cn/api/login/index an api.daimatu.cn/api/login/index weiterzuleiten

Ich habe zuvor viele Einstellungen in location / {} und location / api {} vorgenommen. Sie wurden alle online von Baidu bezogen, aber sie haben nicht funktioniert~!

Dann habe ich die angeforderte Adresse auf meinem lokalen Computer in eine Online-Adresse geändert und es gab kein Problem mit lokalen Anfragen! Es ist passabel und kann normal funktionieren. Ich habe die Wunschhaare auf beiden Seiten verglichen und festgestellt, dass sie unterschiedlich sind! Die Anforderungsmethode der lokalen Anfrage an den Online-Server ist ein normaler GET POST. Wenn ich jedoch von www zur Anforderungs-API online gehe, wird die Anforderungsmethode zu OPTIONS anstelle der normalen GET POST und anderer Anforderungsheader, die ich ebenfalls gesucht und gefunden habe So stellen Sie die OPTIONS-Anfrage ein. Derzeit kann die domänenübergreifende Lösung immer noch nicht gelöst werden!

Wie im Bild gezeigt, sind es Optionen geworden

Ich möchte alle fragen, wie Sie es konfiguriert haben. Meine Backend-Sprache ist PHP. Bitten Sie mich nicht, PHP einzurichten und zu ändern. Meine lokalen Anfragen für lokale Dienste und Online-Dienste sind alle normal. Es gibt nur ein Problem mit der Online-API für Weiterleitungsanfragen. Es ist also keine Änderung des Programms erforderlich.

Api-Anfrageadresse: http://api.daimatu.cn/api/log...
Api-Konto: admin
Api-Passwort: 123456
Api-Verifizierungscode: 1234
Bitte alle, der NGINX-Server fordert meine API zur Überprüfung an es aus Konfiguration. Ich habe lange erfolglos gekämpft! !

Answer 1

在location中作如下配置

add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

然后重启nginx服务

service nginx reload