Laravel + VueJS + Axios获取请求不起作用

Question

我是Vue和Laravel的新手。我想使用Axios从数据库中获取用户。但这是行不通的。 Axios发布请求工作正常，但获取请求不起作用。请帮助我。

谢谢。 *

UserController.php

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

    }

Api.php

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

Users.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>

Route List

Function successfully call but it didn't work.

Vue Debug

Network1

Network2

Answer 1

我今天遇到了同样的问题，我使用laravel 8提供的新路由系统解决了这个问题。我将资源Route这样放置：

mypath

Answer 2

感谢您的帮助。我发现了问题。我的问题是web.php文件中的一行。

Old-Web.php

python lines.py

New-Web.php

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

我更改了这一行并解决了我的问题。