Question

我在Laravel有一个具有动态路由的后台办公室，但是，我不知道如何在vue js中做到这一点，即动态创建路由，以便控制器或类似的东西可以返回正确的视图！ / p>

Answer 1

适合您的小例子。

Laravel部分 您在Laravel中的“网络”路线

Route::get('/{any}', 'AppController')->where('any', '.*');

内部调用控制器

public function __invoke()
    {
        return view('app');
    }

在app.blade中

@extends('layouts.app')

@section('content')
<div id="app">
    <app/>
</div>
@endsection

Vuejs部分：

您的路由器文件

import Login from "./views/Login";
import Home from "./views/Home";
import NotFound from "./views/NotFound";

Vue.use(VueRouter);

let router = new VueRouter({
    routes: [
        { path: '/login', name: 'login', component: Login },
        { path: "/", name: 'home', component: Home },
        { path: "*", name: '404', component: NotFound }
});

在app.js中

import router from './router';

const app = new Vue({
    store,
    router,
    i18n,
    el: '#app',
});

所有发布，放置，修补路由均应为“ api”路由。

Answer 2

您可以尝试Vue路由器的动态路由匹配，为路由参数传递不同的值：https://router.vuejs.org/guide/essentials/dynamic-matching.html

Vue路由动态

2 个答案: