Laravel + Vue JS 路由显示找不到页面

Question

我遵循了这个教程https://laraveldaily.com/quick-start-laravel-5-5-vue-js-simple-crud-project/

然而，当我加载时：localhost/admin/companies，我找不到页面。

我也试过改成这个

const router = new VueRouter({
 routes: [
   { path: '/admin/companies', component: CompaniesController }
 ]
})

但是我在 VueRouter 部分得到 "Syntax error { "（{ 我不明白为什么。有人可以帮忙吗？

谢谢！

Answer 1

Vue Router 没有重新加载页面。 Vue 路由器不像 Laravel 路由器那样工作。每当 Vue 路由发生变化时，它都会将不同的组件安装到特定区域。该区域由预定义的 router-view 元素定义。它根据Vue路由的变化挂载组件。

Blade

<div class='box'>
    <router-view name="content-viewport"></router-view>
</div>

Vue

const router = new VueRouter({
  routes: [
    { path: '/admin/companies', components: {"content-viewport" : CompaniesController} }
  ]
});

现在，当您转到 domain#/admin/companies 时，Vue 将在 'content-viewport'

中挂载组件 CompaniesController

Answer 2

在 Vue js 中 用于从 vue 端导航页面。

在路由中，文件路由在这里定义。

const router = new VueRouter({ routes: [ { path: '/admin/companies', redirect: { name: 'CompaniesController' } }, ], }) <router-link to="/about">Go</router-link>

然后调用 localhost/admin/companies 然后页面将加载。

Laravel + Vue JS 路由显示找不到页面

Laravel + Vue JS Routing shows page not found

laravel

vue.js

laravel-5

vue-router