时间戳

首页 > 解决方案 > Laravel + Vue JS 路由显示找不到页面

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

问题描述

我按照本教程https://laraveldaily.com/quick-start-laravel-5-5-vue-js-simple-crud-project/

但是，当我加载： localhost/admin/companies 时，我得到 page not found 。

我也试图改变这个

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

但是我在 VueRouter({ 我不明白为什么。有人可以帮忙吗？

谢谢！

标签： laravellaravel-5vue.jsvue-router

解决方案

Vue Router 不会重新加载页面。Vue 路由器不像 Laravel 路由器那样工作。每当 Vue 路由发生变化时，它所做的一切就是将不同的组件安装到特定区域。该区域由预定义的路由器视图元素定义。它根据 Vue 路由变化挂载组件。

刀

<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

推荐阅读