初心者です。
Laravel6,Vue.jsでapiで表示している画面でリロードすると404エラーになってしまいます。
リロードしてもエラーを出さずにその画面をもう一度表示させたいです。
調べてみると
・https://reffect.co.jp/laravel/laravel-vue-router-single-page-application#Router
・https://router.vuejs.org/ja/guide/essentials/history-mode.html#%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%AE%E8%A8%AD%E5%AE%9A%E4%BE%8B
・https://blog.nakamu.life/posts/vue-router-404-with-laravel
web.phpの記述を変えたり、.htaccessの記述を変えたりするのが出てきたので一通りやってみましたがうまくいきませんでした。
api
1<?php 2 3use App\Http\Controllers\TaskController; 4use Illuminate\Http\Request; 5use Illuminate\Support\Facades\Route; 6 7/* 8|-------------------------------------------------------------------------- 9| API Routes 10|-------------------------------------------------------------------------- 11| 12| Here is where you can register API routes for your application. These 13| routes are loaded by the RouteServiceProvider within a group which 14| is assigned the "api" middleware group. Enjoy building your API! 15| 16*/ 17 18// Route::middleware('auth:api')->get('/user', function (Request $request) { 19// return $request->user(); 20// }); 21 22Route::get('tasks/search', 'Api\TaskController@index'); 23 24Route::get('/tasks', 'TaskController@index'); 25Route::post('/tasks', 'TaskController@store'); 26Route::get('/tasks/{task}', 'TaskController@show'); 27Route::put('/tasks/{task}', 'TaskController@update'); 28Route::delete('/tasks/{task}', 'TaskController@destroy'); 29 30
web
1<?php 2 3use App\Http\Controllers\Admin\HomeController; 4use Illuminate\Support\Facades\Route; 5use phpDocumentor\Reflection\Types\Resource_; 6 7/* 8|-------------------------------------------------------------------------- 9| Web Routes 10|-------------------------------------------------------------------------- 11| 12| Here is where you can register web routes for your application. These 13| routes are loaded by the RouteServiceProvider within a group which 14| contains the "web" middleware group. Now create something great! 15| 16*/ 17 18Route::get('/{any}', function () { 19 return view('layouts.select'); 20}); 21 22// ユーザー 23Route::namespace('User')->prefix('user')->name('user.')->group(function() { 24 25 // ログイン認証関連 26 Auth::routes([ 27 'register' => true, 28 'reset' => false, 29 'verify' => false, 30 ]); 31 32 // ログイン認証後 33 Route::middleware('auth:user')->group(function() { 34 35 // TOPページ 36 Route::resource('home', 'HomeController', ['only' => 'index']); 37 38 }); 39 40}); 41 42// 管理者 43Route::namespace('Admin')->prefix('admin')->name('admin.')->group(function() { 44 45 // ログイン認証関連 46 Auth::routes([ 47 'register' => true, 48 'reset' => false, 49 'verify' => false, 50 ]); 51 52 // ログイン認証後 53 Route::middleware('auth:admin')->group(function() { 54 55 // TOPページ 56 Route::resource('home', 'HomeController', ['only' => 'index']); 57 }); 58}); 59 60 61 62 63
Vue.jsでapiで表示している画面でリロードすると404エラーになってしまう。
リロードしてもその画面をもう一度表示させたいです。
自分では解決することが出来ず詰まっています。
知恵をお借りしたいです。
よろしくお願いします。
php 7.4.2
laravel 6.0
vue 2.6.11
回答1件
あなたの回答
tips
プレビュー