从Next.js页面调用Laravel API时出现内部服务器错误

tail -f storage/logs/laravel.log

APP_DEBUG=true

// routes/api.php
Route::get('/example', [ExampleController::class, 'index']);

// app/Http/Controllers/ExampleController.php
namespace App\Http\Controllers;

use Illuminate\Http\Request;

class ExampleController extends Controller
{
    public function index()
    {
        return response()->json(['message' => 'Hello from Laravel!']);
    }
}

// pages/index.js
import axios from 'axios';

export async function getServerSideProps() {
  try {
    const response = await axios.get('http://your-laravel-api-url/api/example');
    return { props: { data: response.data } };
  } catch (error) {
    console.error('Error fetching data:', error);
    return { props: { data: null } };
  }
}

export default function Home({ data }) {
  return (
    <div>
      {data ? <p>{data.message}</p> : <p>Failed to load data.</p>}
    </div>
  );
}