Apabila membangunkan projek vue, disebabkan masalah merentas domain dalam webpack, saya mengubah suai konfigurasi proxyTable dev di bawah subfail index.js fail konfigurasi dalam direktori akar untuk menyelesaikan masalah itu untuk pakej dan pergi dalam talian, ini Akan ada masalah dengan laluan:
Contohnya:
1 Konfigurasikan dalam fail index.js:
proxyTable:{ '/api': { target: 'http://api.*******.cn', changeOrigin: true, pathRewrite: { '^api':'api' } } }
2. Gunakan vue-resoure
dalam fail dalam Vue yang perlu dapatkan/posthis.$http.get('api/**/**/**/hello',...).then((res) => { ... }).catch((err) => { ... })
Hasilnya ialah:
1 Menggunakan arahan dev semasa proses pembangunan boleh menyelesaikan isu merentas domain, tetapi pautan tidak akan berfungsi selepas pembungkusan.
Soalan:
Jika anda tidak perlu menyemak url ini secara manual.$http.dapatkan setiap masa, adakah ada cara untuk menyelesaikannya?
Ekstrak semua URL ke dalam fail berasingan (apis.js) dan kemudian kawal apis.js dalam satu fail.
Kemudian gunakan
process.env.NODE_ENV === 'production'
dalam apis.js untuk membezakan antara persekitaran pembangunan dan persekitaran pengeluaran masing-masing. Hanya eksport URL versi pembangunan dan versi pengeluaran.