vue.js - Selepas vue dibungkus, masalah merentas domain permintaan API pelayan nginx tidak dapat diselesaikan.

Question

Saya membungkus vue dan menghantarnya ke pelayan, kemudian meletakkannya dalam direktori yang ditentukan oleh nama subdomain www. Apabila saya membuat permintaan, saya perlu meminta direktori yang terikat pada nama subdomain api. Permintaan ini menyebabkan gesaan merentas domain

Kemudian saya juga mengkonfigurasinya dalam nginx tanpa penyelesaian.

Iaitu, saya meminta www.daimatu.cn/api/login/index permintaan pos ajax untuk dimajukan ke api.daimatu.cn/api/login/index

Saya membuat banyak tetapan di lokasi / {} dan lokasi /api {} sebelum ini semuanya diperoleh daripada Baidu dalam talian, tetapi ia tidak berfungsi~!

Kemudian saya menukar alamat yang diminta dalam komputer tempatan saya kepada alamat dalam talian, dan tiada masalah dengan permintaan tempatan! Ia boleh dilalui dan boleh beroperasi seperti biasa. Saya membandingkan rambut permintaan di kedua-dua belah pihak dan mendapati ia berbeza! Kaedah Permintaan permintaan tempatan ke pelayan dalam talian adalah GET POST biasa Tetapi apabila saya pergi dari www ke permintaan api dalam talian, Kaedah Permintaan menjadi PILIHAN dan bukannya GET POST biasa dan pengepala permintaan lain yang saya cari dan temui bagaimana untuk menetapkan permintaan OPTIONS Pada masa ini, merentas domain masih tidak dapat diselesaikan!

Seperti yang ditunjukkan dalam gambar, ia telah menjadi pilihan

Saya ingin bertanya kepada semua orang bagaimana anda mengkonfigurasinya. Bahasa belakang saya ialah PHP. Jangan minta saya menyediakan dan menukar PHP. Permintaan tempatan saya untuk perkhidmatan tempatan dan perkhidmatan dalam talian semuanya normal. Hanya ada masalah dengan api permintaan pemajuan www dalam talian. Jadi tidak perlu menukar program.

Alamat permintaan API: http://api.daimatu.cn/api/log...
Akaun API: admin
Kata laluan API: 123456
Kod pengesahan API: 1234
Tolong semua, pelayan NGINX meminta API saya untuk datang dan menyemak ia keluar Konfigurasi. Saya telah berjuang untuk masa yang lama tanpa kejayaan! !

Answer 1

Buat konfigurasi berikut di lokasi

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

Kemudian mulakan semula perkhidmatan nginx

service nginx reload