Rumah > Artikel > hujung hadapan web > Bagaimana untuk membungkus dan mengubah suai laluan halaman akses dalam vue
Bagaimana untuk membungkus dan mengubah suai laluan halaman akses dalam vue
- PHPzasal
- 2023-04-12 09:17:583417semak imbas
Selepas Vue dibungkus, laluan akses lalai ialah /index.html Jika anda perlu mengubah suai laluan akses, anda boleh mengikuti langkah di bawah.
- Buka fail config/index.js
Selepas projek Vue dibuat, anda boleh melihat fail index.js dalam direktori konfigurasi dan membuka fail tersebut.
- Ubah suai build.assetsPublicPath
Cari build.assetsPublicPath dalam fail Atribut ini mewakili laluan awam sumber statik, iaitu, sumber statik dirujuk dalam laluan fail index.html yang dihasilkan.
Nilai lalai ialah '/', yang bermaksud bahawa laluan sumber statik adalah relatif kepada direktori akar tempat fail index.html berada.
Jika anda perlu mengubah suai laluan akses kepada '/myApp/', anda perlu menetapkan nilai build.assetsPublicPath kepada '/myApp/'.
assetsPublicPath: '/myApp/'
- Ubah suai build.assetsSubDirectory
Dalam fail yang sama, cari build.assetsSubDirectory Atribut ini menunjukkan direktori tempat sumber statik disimpan.
Nilai lalai ialah 'statik', yang bermaksud sumber statik disimpan dalam direktori statik di bawah direktori akar projek.
Jika anda perlu menyimpan sumber statik dalam direktori myApp/statik di bawah direktori akar projek, anda perlu menetapkan nilai build.assetsSubDirectory kepada 'myApp/static'.
assetsSubDirectory: 'myApp/static'
- Ubah suai mod penghala
Jika mod penghala digunakan untuk penghalaan halaman, anda juga perlu mengubah suai mod penghala.
Dalam fail router/index.js, cari kod untuk mencipta tika Router:
const router = new Router({
mode: 'history',
routes: [...]
})
Tukar mod kepada 'cincang', yang bermaksud menggunakan mod cincang untuk penghalaan halaman.
const router = new Router({
mode: 'hash',
routes: [...]
})
- Laksanakan arahan pembungkusan
Selepas mengubah suai konfigurasi di atas, anda perlu melaksanakan semula arahan pembungkusan untuk pembungkusan.
Laksanakan arahan pembungkusan:
npm run build
Selepas pembungkusan selesai, fail yang dijana boleh digunakan ke pelayan, dan laluan akses ialah laluan yang ditetapkan.
Atas ialah kandungan terperinci Bagaimana untuk membungkus dan mengubah suai laluan halaman akses dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!