Bolehkah ip proksi terbalik vue menyambung ke port?

Bolehkah IP proksi terbalik Vue disambungkan ke port?

Vue.js ialah rangka kerja JavaScript popular yang menggunakan proksi songsang (Proksi Songsang) untuk memajukan permintaan ke pelayan jauh untuk menyelesaikan masalah merentas domain. Proksi terbalik ialah perisian tengah antara klien dan pelayan bahagian belakang Fungsinya adalah untuk menyembunyikan alamat sumber sebenar permintaan yang dihantar oleh klien. Dalam Vue.js, proksi terbalik boleh melengkapkan fungsi berikut: menerima permintaan klien, memajukan permintaan ke pelayan jauh, membalas respons pelayan dan menghantar respons kepada klien.

Proksi songsang biasanya memerlukan konfigurasi alamat pelayan proksi. Alamat ini biasanya alamat IP atau nama domain. Jika anda ingin menggunakan pelayan proksi terbalik dalam Vue.js, dan pelayan berjalan pada port tertentu, maka kami perlu menambah parameter port selepas alamat pelayan proksi.

Pertama, dalam direktori akar projek Vue.js, buka fail vue.config.js dan tambah konfigurasi berikut:

module.exports = {
devServer: {

proxy: {
  '/api': {
    target: 'http://127.0.0.1:3000',
    changeOrigin: true, // needed for virtual hosted sites
    pathRewrite: {
      '^/api': ''
    }
  }
}

}
}

Seperti yang ditunjukkan dalam kod di atas, kami mengkonfigurasi pelayan proksi terbalik dengan alamat proksi "http://127.0.0.1:3000/api" . Antaranya, "/api" mewakili permintaan klien yang perlu dimajukan, dan "http://127.0.0.1:3000" mewakili alamat pelayan jauh yang perlu dimajukan. Jika anda mahu pelayan proksi anda menerima permintaan untuk port tertentu, anda boleh menambah nombor port ke alamat destinasi.

Sebagai contoh, jika pelayan jauh berjalan pada port 8000, maka kita boleh menukar alamat sasaran kepada "http://127.0.0.1:8000". Dengan cara ini, Vue.js boleh berjaya memajukan permintaan pelanggan ke pelayan jauh yang ditentukan.

Secara umumnya, fungsi proksi terbalik Vue.js sangat berkuasa dan boleh membantu kami menyelesaikan masalah permintaan merentas domain, dengan itu memudahkan kerja pembangunan bahagian hadapan. Jika anda perlu menggunakan pelayan proksi terbalik dalam Vue.js dan perlu menentukan nombor port tertentu, anda hanya perlu menambah parameter yang sepadan dalam fail konfigurasi.

Atas ialah kandungan terperinci Bolehkah ip proksi terbalik vue menyambung ke port?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!