Почему в response ответ выводит 500 (Internal Server Error)?

Question

[sharpsss]

Всем доброго времени суток, в общем создал миграции 2 штуки 1 создаёт таблицу

Миграция на создание таблицы

public function up(): void
    {
        Schema::create('country', function (Blueprint $table) {
            $table->id();
            $table->string('image');
            $table->tinyInteger('pos');
            $table->string('title');
            $table->timestamps();
        });
    }

а вторая заполняет данными из sql файлика

Миграция на заполнение таблицы

public function up(): void
    {
//        DB::unprepared(file_get_contents('database/migrations/country.sql'));
        $sql = file_get_contents(database_path('migrations/country.sql'));
        DB::unprepared($sql);
    }

накатил всё это дело, всё ок - в бд всё заполнилось, добавил путь в

api.php

use App\Http\Controllers\CountryController;
Route::get('/country', [CountryController::class, 'index']);

создал контроллер

CountryController

<?php

namespace App\Http\Controllers;

use App\Models\Country;

class CountryController extends Controller
{
    public function index()
    {
        $countries = Country::select('image', 'pos', 'title')->get();
        return response()->json($countries);
    }
}

и модель

Country.php

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Country extends Model
{
    use HasFactory;
}

и вывожу данные в vue-шке тут у меня событие при клике @click="tests"

tests(){
          const token = localStorage.getItem("token");
          axios
              .get('/api/country')
              .then((response) => {
                  // Устанавливаем полученные данные в массив data
                  console.log(response.data);
              })
              .catch((error) => {
                  console.error('Ошибка при получении данных:', error);
              });
      },

в итоге в response выводит 500 error такой вот, вместо данных из бд

респонс который приходит

Teachers.vue:506 
 GET http://127.0.0.1:8000/api/country 500 (Internal Server Error)
Teachers.vue:512 Ошибка при получении данных: 
AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …}
code
: 
"ERR_BAD_RESPONSE"
config
: 
{transitional: {…}, adapter: Array(2), transformRequest: Array(1), transformResponse: Array(1), timeout: 0, …}
message
: 
"Request failed with status code 500"
name
: 
"AxiosError"
request
: 
XMLHttpRequest {onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …}
response
: 
{data: {…}, status: 500, statusText: 'Internal Server Error', headers: AxiosHeaders, config: {…}, …}
stack
: 
"AxiosError: Request failed with status code 500\n    at settle (http://127.0.0.1:5173/node_modules/.vite/deps/axios.js?v=cd2e64f2:1193:12)\n    at XMLHttpRequest.onloadend (http://127.0.0.1:5173/node_modules/.vite/deps/axios.js?v=cd2e64f2:1424:7)"
[[Prototype]]
: 
Error

>

Скрин1

с чем это связано, куда копать ? пытался с конфигом шаманить vite подозрения что-то с портами не то, не увенчалось успехом, хотя с другой стороны у меня уже есть сделанная авторизация из user таблицы всё норм выводит, хз, у меня vue js 3 optional style + vite + laravel фронт на localhost:5173/ бэк на 127.0.0.1:8000

мой vite.config

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
import path from 'path'

export default defineConfig({
    plugins: [
        vue(),
        laravel({
            input: ['resources/js/app.js'],
            refresh: true,
        }),
    ],
    resolve: {
        alias: {
            '@': path.resolve(__dirname,'resources/js/src'),
        }
    },
    exclude: [
        '@ionic/core/loader' //fix weird Vite error "outdated optimize dep"
    ],
});

Comments

[Дмитрий]

Эммм а в почему в роутах у вас прописано /countries а вы обращаетесь в /country

[sharpsss]

Дмитрий, пардон) ласт версию редактирования забыл сохранить

[Дмитрий]

sharpsss, ну включите дебаг, зайдите в браузере и посмотрите почему у вас 500

[sharpsss]

Дмитрий, понял, спасибо) уже кажется разобрался чёт не то с запросом, щас буду пытаться понять почему не работает так как я писал изначально, вот так вот всё норм выводит

<?php

namespace App\Http\Controllers;

use App\Models\Country;
use Illuminate\Support\Facades\DB;

class CountryController extends Controller
{
    public function index()
    {
        $countries = DB::select('select * from country');
//        $countries = Country::select('image', 'pos', 'title')->get();
        return response()->json($countries);
    }
}

[Дмитрий]

sharpsss, $countries = DB::select('select * from country'); - ну вообще у модели Country по умолчанию таблица будет countries. Либо этот запрос не правильный либо у модели Country прописывать $table

[sharpsss]

Дмитрий, сори за кринж вопрос для гуру, спс, в итоге разобрался просто в модели надо чётко объявить что за таблица и какие данные

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasF<code lang="php">

</code>actory;
use Illuminate\Database\Eloquent\Model;

class Country extends Model
{
    use HasFactory;
    protected $table = 'country';
    protected $fillable = ['image', 'pos', 'title'];

}

и в контроллере всё ок будет работать

<?php

namespace App\Http\Controllers;

use App\Models\Country;
use Illuminate\Support\Facades\DB;

class CountryController extends Controller
{
    public function index()
    {
     $countries = Country::select('image', 'pos', 'title')->get();
        return response()->json($countries);
    }
}

[Дмитрий]

sharpsss, лучше вам таблицу переименовать, и вообще использовать Laravel Naming Conventions

Фреймворк это не только набор классов, но и набор правил и соглашений.

[sharpsss]

Дмитрий, да, точно спасибо что подметили, у меня ведь не 1 страна, а страны в множественном числе)

Answer 1

[ThunderCat]

storage/logs/laravel.log