Laravel路线和Vue路线冲突

Question

我正试图与拉威尔和vue一起打造一个水疗中心。还安装了用于管理目的的Voyager。旅行者号http://localhost:8000/admin .. 它使用了laravel web路由。

现在无法访问它，我正在使用Vue路由器为我的路由：示例为我的家庭路由（vue）http://localhost:8000/home

应用程序。js

...
import VueRouter from  'vue-router';

import App from './components/App.vue';
import Home from './components/Home.vue';

Vue.use(VueRouter);

const router = new VueRouter({
    mode: 'history',
    routes: [
        {
            path: '/home',
            name: 'home',
            component: Home
        },
    ],
});

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

一个pp.vue

<template>
    <div>
        <h1>Vue Router Demo App</h1>

        <p>
            <router-link :to="{ name: 'home' }">Home</router-link> |
        </p>

        <div class="container">
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
    export default {}
</script>

Home.vue

<template>
    <p>This is the homepage</p>
</template>

指数刀身php

@extends('layouts.app')
@section('content')
    <app></app>
@endsection

网状物php

Auth::routes();

Route::get('/{vue_capture?}', function () {
    return view('index');
})->where('vue_capture', '[\/\w\.-]*');


Route::group(['prefix' => 'admin'], function () {
    Voyager::routes();
});

Answer 1

好吧我解决了！！

在we中交换路线申报的顺序。

网状物php

Auth::routes();

Route::group(['prefix' => 'admin'], function () {
    Voyager::routes();
});

Route::get('/{vue_capture?}', function () {
    return view('index');
})->where('vue_capture', '[\/\w\.-]*');