Isu pemajuan menggunakan webpack+dev+server - Stack Overflow

Question

Menggunakan reaksi untuk membangunkan projek, rakan sekerja bahagian belakang saya baru-baru ini menyediakan antara muka. Saya menggunakan fetch untuk membuat permintaan AJAX. Tetapi konsol melaporkan ralat berikut!

Masalah merentas domain telah timbul Sesetengah orang mengatakan bahawa webpack+dev+server boleh merealisasikan pemajuan permintaan proksi, supaya masalah merentas domain tidak akan berlaku.
Tetapi saya mengikuti konfigurasi rasmi dan konfigurasi orang lain dalam talian, tetapi ia masih sama dan tiada kesan.
devServer: {

hot: true,
contentBase: resolve(__dirname, ''),
publicPath: '/',
proxy: {
    '/api': {
      target: 'http://test.lailaapp.com',
      pathRewrite: {'^/api' : ''},
      changeOrigin: true
    }
  }

},
Konfigurasi saya adalah seperti di atas Saya tidak tahu apa yang salah Saya menggunakan versi webpack2.0 untuk melaksanakan kemas kini panas mengikut konfigurasi rasmi. Bolehkah sesiapa membantu saya menerangkan cara mengkonfigurasinya untuk memajukan permintaan dan menyelesaikan isu merentas domain?

Answer 1

Saya membuat kesilapan akal Jika mengkonfigurasi proksi tidak bermakna meminta URL asal boleh menyelesaikan masalah merentas domain secara automatik.

Anda harus menukar alamat permintaan kepada alamat setempat, iaitu, http://localhost:port/api

http://localhost:port/api

比如http://test.lailaapp.com/api/orderPlus/v2/bills 对应的就应该修改为
http://localhost:port/api/orderPlus/v2/bills
当然http://localhost:port可以省略，也就是/api/orderPlus/v2/billsSebagai contoh, http://test.lailaapp.com/api/orderPlus/v2/bills hendaklah ditukar kepada
http://localhost:port/api /orderPlus/v2/bills
Sudah tentu http://localhost:port boleh ditinggalkan, iaitu, /api/orderPlus/v2/bills#🎜 🎜#