axios.get 返回 500 内部服务器错误

时间:2021-07-01 08:37:49

标签: php laravel vue.js vue-router

我想从数据库中获取记录,我在 axios.get(getsitepages) 中设置了路由,其中​​ route.js 文件 admin 是前缀。
我在 web.php laravel 文件中设置了相同的路由,其中​​ admin 是路由前的前缀。当我点击链接获取数据时,它会引发错误 Error: Request failed with status code 500

以下是我的代码以及我迄今为止所尝试的:

SitePages.vue

<template>
  <div>
  <h1> test </h1>
  </div>
</template>

<script>
export default {
    data(){
        return{
            pages:[],
        }
    },
    mounted(){
        this.FetchSitePages();
    },
    methods:{
        FetchSitePages(){
            axios.get('getsitepages')
            .then(({data}) =>{
                console.log("data");
            })
            .catch(error => console.log(error))
        }
    },
}
</script>

web.php

Route::prefix('admin')->group(function(){
Route::get('getsitepages',[PagesController::class, 'getsitepages'])->name('getsitepages');
});

routes.js

import DashboardLayout from "../layout/admin/MainLayout.vue";

const routes = [{
    path: "/admin",
    component: DashboardLayout,
    name: "dashboard",
    meta: { title: "Devoint dashboard" },
    children: [{
        path: '',
        component: () =>
            import ('../Pages/Home.vue'),
        name: 'home'
    },
    {
        path: 'pages',
        component: () =>
            import ('../Pages/SitePages.vue'),
        name: 'pages'
    }]
}]


export default routes;

PagesController.php:

<?php

namespace App\Http\Controllers;
use Illuminate\Http\Request;

class PagesController extends Controller
{
    public function getsitepages(){
       die('test');
    }
}

以上是我的代码,请帮我找出我错在哪里?

0 个答案:

没有答案