VueRouter不会改变laravel内的路线

Question

我被困在这一点上，我无法加载我的组件与视图路由器，我只能加载Foo组件，但当我键入Bar的网址时我得到＆＃34;抱歉页面无法找到＆＃ 34;来自Laravel

require('./bootstrap');

window.Vue = require('vue');
import VueRouter from 'vue-router';

 const Foo = { template: '<div>foo</div>' }
 const Boo = { template: '<div>Bar</div>' }

 Vue.use(VueRouter);

const routes = [
 { path: '', component: Foo },
 { path: '/boo', component: Boo }
];


const router = new VueRouter({
  mode   : 'history',
  history: true ,
  routes
});


const app = new Vue({
 router
 }).$mount('#app')

我做错了什么？

Answer 1

你有“Bar”作为div的内部文本。您的组件及其路径称为“Boo”，而不是“Bar”。