Bagaimana untuk membungkus dan mengubah suai laluan halaman akses dalam vue

PHPz
Lepaskan: 2023-04-12 11:45:57
asal
3406 orang telah melayarinya

Selepas Vue dibungkus, laluan akses lalai ialah /index.html Jika anda perlu mengubah suai laluan akses, anda boleh mengikuti langkah di bawah.

  1. Buka fail config/index.js

Selepas projek Vue dibuat, anda boleh melihat fail index.js dalam direktori konfigurasi dan membuka fail tersebut.

  1. 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/'
Salin selepas log masuk
  1. 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'
Salin selepas log masuk
  1. 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: [...]
})
Salin selepas log masuk

Tukar mod kepada 'cincang', yang bermaksud menggunakan mod cincang untuk penghalaan halaman.

const router = new Router({
  mode: 'hash',
  routes: [...]
})
Salin selepas log masuk
  1. Laksanakan arahan pembungkusan

Selepas mengubah suai konfigurasi di atas, anda perlu melaksanakan semula arahan pembungkusan untuk pembungkusan.

Laksanakan arahan pembungkusan:

npm run build
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!