Laravel Vue路由器Axios

时间:2020-04-15 16:19:56

标签: laravel vue.js vue-router

我已经在laravel中进行了一个项目,并在其中添加了vue路由器。添加“ mode:'history”后,它会删除“#”,但如果刷新页面后会显示404错误。所以我将这一行添加到web.php

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

此后,它解决了刷新问题,但是现在我的Axios请求不起作用..所有Axios请求都已摆放到主页..该如何解决?

1 个答案:

答案 0 :(得分:1)

any路由应该是路由器文件中的最后一个路由条目。 Laravel路由采用自上而下的路由注册,它将使用找到的第一个匹配项。

如果该any通配符条目位于Laravel路由器文件的顶部,则之后(在其下方)写入的所有内容都将被忽略。


Route::get('/example-1', 'HomeController@exampleOne'); // Will work

// If nothing else above this line matches then run Vue App
Route::get('/{any}', 'HomeController@index')->where('any', '.*');

// Anything written here will be ignored.
Route::get('/example-2', 'HomeController@exampleTwo') // Not work