Javascript 拉威尔+；Vue spa两步路由器不工作_Javascript_Php_Laravel_Vue.js_Single Page Application

Javascript 拉威尔+；Vue spa两步路由器不工作

javascript php laravel vue.js

Javascript 拉威尔+；Vue spa两步路由器不工作,javascript,php,laravel,vue.js,single-page-application,Javascript,Php,Laravel,Vue.js,Single Page Application,拉雷维尔：7.17，Vue:2.5.17 我制作了一个简单的侧边栏，并尝试使用它一步路由器（/admin，/home，/…）运行良好，但两步路由器（/admin/blog/category，/admin/blog/post…）不起作用这就是我所做的 -routes/web.php Route::get('/{any?}', function() { return view('app'); })->where('any', '.*'); -参考资料/views/app.blade

拉雷维尔：7.17，Vue:2.5.17

我制作了一个简单的侧边栏，并尝试使用它

一步路由器（/admin，/home，/…）运行良好，但两步路由器（/admin/blog/category，/admin/blog/post…）不起作用

这就是我所做的

-routes/web.php

Route::get('/{any?}', function() {
   return view('app');
})->where('any', '.*');

-参考资料/views/app.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Laravel</title>
        <link rel="stylesheet" href="/css/app.css">
    </head>
    <body>
       <div id="app">
           <div class="container mx-auto">
               <main class="d-flex">
                   <aside class="w-25">
                        <section>
                            <ul>
                                <li><router-link to="/admin">Dashboard</router-link></li>
                            </ul>
                        </section>
                       <section>
                           <h6>Blog </h6>
                           <ul class="list-group">
                               <li><router-link to="/admin/blog/category">Category</router-link></li>
                               <li><router-link to="/admin/blog/post">Posts</router-link></li>
                           </ul>
                       </section>
                   </aside>
                   <div class="p-3">

                        <router-view></router-view>
                        
                   </div>
               </main>
           </div>
       </div>

       <script src="/js/app.js"></script>
    </body>
</html>

-resources/js/routes.js

import Home from './components/Home';
import Admin from './components/admin/Admin';
import Category from './components/admin/blog/Category';
import Post from './components/admin/blog/Post';
import PathThrough from './components/PathThrough';

export default {
    mode:'history',

    routes:[
        {
            path:'/',
            component: Home
        },

        {
            path:'/admin',component: Admin,
            children: [
                {
                    path:'blog', component: PathThrough,
                    children: [
                        { path: 'category', component: Category},
                        { path: 'post', component: Post},
                    ]
                }
            ]
        },


    ]

};

-resources/js/components/patthrough.vue

<template>
  <router-view></router-view>
</template>
    <script>
    export default {};
</script>


导出默认值{}；

-其他组成部分

<template>
    <h1>Home Page</h1>
</template>

<script>
    export default {};
</script>


主页
导出默认值{}；

这里，/admin和/routes正在工作。但其他路线不起作用。有人能帮我吗？

谢谢大家!

是否将路由器视图放在管理和路径组件中？如何？我把它们放进去了，但还是不起作用？你能在这里放一些代码吗？寻找检测后端问题或前端容易。如果您可以输入路由，但当您刷新时出现错误，它的后端问题，但对于e.x。您在主页上，但不能输入其他路由器的前端问题。那是哪一个呢？没有错。它在任何情况下都能正常工作。但它不显示博客文章和分类页面，只显示管理页面。是否将路由器视图放在管理和路径组件中？如何？我把它们放进去了，但还是不起作用？你能在这里放一些代码吗？寻找检测后端问题或前端容易。如果您可以输入路由，但当您刷新时出现错误，它的后端问题，但对于e.x。您在主页上，但不能输入其他路由器的前端问题。那是哪一个呢？没有错。它在任何情况下都能正常工作。但它只显示管理页面，而不是博客文章和分类页面。

<template>
    <h1>Home Page</h1>
</template>

<script>
    export default {};
</script>