Laravel + VueJS + Axios 獲取請求不起作用

Question

我是 Vue 和 Laravel 的新手。 我想使用 Axios 從數據庫中獲取用戶。 但它不起作用。 Axios 發布請求工作正常，但獲取請求不起作用。 請幫我。

謝謝。 *

用戶控制器.php

    public function index()
    {
        
        return User::latest()->paginate(10);

    }

api.php

Route::apiResources(['user' => 'App\Http\Controllers\API\UserController']);

用戶.vue

<script>
import axios from 'axios'
    export default {
      data(){
        return{
          users : {},
          form: new Form({
            name: '',
            email:'',
            password: '',
            type: '',
            bio: '',
            photo: '',
          })
        }
      },
      methods:{
        loadUsers(){
          console.log('Load user');
          axios.get("api/user").then(({data})  => (this.users = data.data));
        },
      
        createUser(){
          this.form.post('api/user')
        }
      },
        created() {
            this.loadUsers();
        }

    }
</script>

路線清單

函數成功調用，但沒有奏效。

調試

網絡1

網絡2

Answer 1

我今天遇到了同樣的問題，我使用 laravel 8 提供的新路由系統解決了這個問題。 我把資源路由是這樣的：

Route::group(
  [
      'middleware' => 'api',
      'namespace'  => 'App\Http\Controllers',
  ],
  function ($router) {
      Route::resource('user', 'API\UserController');
  }
);

Answer 2

感謝您的幫助。 我發現了我的問題。 我的問題在 web.php 文件中的一行。

舊Web.php

    Route::get('{path}', [App\Http\Controllers\HomeController::class, 'index'])->where('path','.*');

新網.php

    Route::get('{path}', [App\Http\Controllers\HomeController::class, 'index'])->where('/path','([A-z\d-\/_.]+)?');

我改變了這條線並解決了我的問題。