Vue js laravel 8 routing

Question

I am still confused when i try to add a route path in vue router such as :

{
        path: '/admin/blog/archived_blogs',
        name: 'ArchivedBlogs',
        meta: { title: 'Archived Blog' },
        component: ArchivedBlog
},

everything works fine apart from deleting where i get error 405(Method not allowed)

The POST method is not supported for this route. Supported methods: GET, HEAD.

all i can do is change the path to

{
   path: '/admin_blog_archived_blogs',
   name: 'ArchivedBlogs',
   meta: { title: 'Archived Blog' },
   component: ArchivedBlog
},

the current web route i use is

Route::get('/{slug?}', [HomeController::class, 'index'])->where('slug', '[\/\w\.-]*')->name('home');

Any advice ?

Route::get says it's a GET route, change to Route::post if you want a POST route — user8034901
– user8034901, Commented Apr 16, 2021 at 9:20

Kamlesh Paul · Accepted Answer · 2021-04-16 09:20:01Z

3

you need to use any() to catch all the methods as well

like

Route::any('/{slug?}', [HomeController::class, 'index'])->where('slug', '[\/\w\.-]*')->name('home');

for SPA i use

Route::any('{all}', [HomeController::class, 'index'])
    ->where('all', '^(?!api).*$')
    ->where('all', '^(?!storage).*$');

like this so all the web related route handle Vuejs and storage or api route handel by laravel

answered Apr 16, 2021 at 9:20

Kamlesh Paul

12.5k2 gold badges23 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

CodeConnoisseur Over a year ago

when bringing in Vue router 4 into a Laravel 8 app...is it possible to use Vue Router for some vue components routing and then have completely separate unrelated routing using Laravel 8 web routes? For example in my app Vue router keeps looking for a / route when I load my dashboard...but I don't have a Main or Home Vue component...instead I load my Laravel apps dashboard using a web route in Web.php. How do I handle a scenario like this?

Kamlesh Paul Over a year ago

@PA-GW have you tried above solution ?

CodeConnoisseur Over a year ago

I have not...before implementing I wanted to ask if I would need to do this for EVERY single controller/web route I have...which is about 50. I see it applied to a HomeController::class above only. Also, how does it know to handle Vue.js routes? I see the regex for api and storage in the where clauses but not any regex for vue? Thank you for your time!

Collectives™ on Stack Overflow

Vue js laravel 8 routing

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related