Bagaimana untuk menyelesaikan masalah "Ralat: "xxx" bukan laluan berdaftar apabila menggunakan vue-router dalam aplikasi Vue?

Vue.js ialah rangka kerja JavaScript ringan yang menyediakan set lengkap alat pembangunan untuk membina antara muka pengguna yang interaktif dan cekap. Penghala Vue ialah pemalam pengurusan penghalaan rasmi Vue.js, yang boleh digunakan untuk membina aplikasi satu halaman (SPA) dan melaksanakan kawalan penghalaan sisi klien. Walau bagaimanapun, apabila menggunakan Penghala Vue, mesej ralat "Ralat: xxx bukan laluan berdaftar" kadang-kadang muncul Jadi bagaimana untuk menyelesaikannya?

1. Semak konfigurasi penghalaan

Apabila menggunakan Penghala Vue, anda mesti mengkonfigurasi penghalaan terlebih dahulu. Dalam fail kemasukan aplikasi, kaedah Vue.use() biasanya digunakan untuk memasang pemalam Vue Router dan mentakrifkan item konfigurasi penghalaan. Contohnya:

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from './views/Home.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

Jika mesej ralat "Ralat: xxx bukan laluan berdaftar" muncul, semak dahulu sama ada laluan itu wujud dalam item konfigurasi penghalaan. Sebagai contoh, jika mesej ralat "Ralat: tentang bukan laluan berdaftar" muncul, anda perlu menyemak sama ada laluan bernama "kira-kira" ditakrifkan dalam item konfigurasi penghalaan.

2. Semak pautan navigasi

Dalam aplikasi Vue, komponen b988a8fd72e5e0e42afffd18f951b277 Contohnya:

<router-link to="/about">关于我们</router-link>

Jika mesej ralat "Ralat: xxx bukan laluan berdaftar" muncul apabila menggunakan pautan navigasi, anda perlu menyemak sama ada atribut kepada dalam pautan navigasi adalah betul dan sepadan dengan laluan yang ditentukan dalam konfigurasi penghalaan item.

3. Semak logik lompat laluan

Dalam Penghala Vue, anda boleh melompat laluan melalui navigasi program. Contohnya: $router.push('/about'). Jika mesej ralat "Ralat: xxx bukan laluan berdaftar" muncul semasa melakukan lompatan laluan, anda perlu menyemak sama ada laluan lompat wujud dalam item konfigurasi penghalaan.

4. Semak penghalaan bernama

Penghala Vue menyokong penghalaan bernama Anda boleh menetapkan nama untuk laluan dalam item konfigurasi penghalaan untuk kegunaan mudah semasa membuat lompatan laluan. Contohnya:

{
  path: '/about',
  name: 'about',
  component: About
}

Jika mesej ralat "Ralat: xxx bukan laluan berdaftar" muncul apabila menggunakan laluan bernama untuk melompat, anda perlu menyemak sama ada laluan yang dinamakan itu betul dan sama ada ia sepadan dengan nama laluan yang ditentukan.

Ringkasan

Mesej ralat "Ralat: xxx bukan laluan berdaftar" biasanya disebabkan oleh konfigurasi penghalaan yang salah atau laluan lompatan yang salah. Apabila menggunakan Penghala Vue, anda perlu menyemak konfigurasi penghalaan, pautan navigasi dan logik lompat penghalaan dengan teliti untuk memastikan penghalaan berfungsi dengan betul.

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan masalah "Ralat: "xxx" bukan laluan berdaftar apabila menggunakan vue-router dalam aplikasi Vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!