есть проект на laravel 8 где фронт написан на vue 3. на фронте когда пользователь переходит по путям с помощью router-link
, router-view
загружаются и показывают компоненты. к примеру если через router-link
пользователь переходит на /overview/12
, router-view
загружает свой компонент, но когда пользователь находится по этому же пути и перезагружает страницу то выводится laravel
-ий шаблон страницы ошибки 404
мол такого роута нет.
как сделать чтобы все роуты кроме /api/*
(туда я делаю запросы RESTapi) делали переходы с помощью vue-router
.
resorces/js/router/index.js
:
import IndexSlider from "../components/IndexSlider";
import Newsfeed from "../views/Newsfeed";
import Overview from "../views/Overview";
const routes = [
{
path: '/',
name: 'index',
redirect: '/index'
},
{
path: '/index',
name: 'index-slider',
component: IndexSlider,
children: [
{
path: 'newsfeed',
name: 'newsfeed',
component: Newsfeed
}
]
},
{
path: '/overview/:id',
name: 'overview',
component: Overview,
props: true
}
]
export default routes;
web/web.php
:
<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\IndexController;
Route::get('/{vue_capture?}', function () {
return view('index');
})->where('vue_capture', '[\/\w\.-]*');
так я пытался делать этот редирект, но в консоли показывалась такая ошибка
/routes/api.php
: эти роуты должны работать дла запросов axios
<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\NewsController;
Route::resource('news', NewsController::class);
[email protected]
, [email protected]
, laravel 8
Route::view('/{any}', 'welcome')->where('any', '.*');
а все апи маршруты обрабатывать через routes/api