[Heroku][Laravel]HerokuにてLaravelで開発したWebアプリを公開したい。→404|NotFound

Question

実現したいこと

HerokuにてLaravelで開発したWebアプリを公開したい。

前提

Webアプリのコードはここに載っています。
https://github.com/saitousan1127/example-app/actions/runs/5435497860/jobs/9884656403

プッシュ＆コミット、デプロイまでは出来ました。

発生している問題・エラーメッセージ

デプロイしたアプリにアクセスしてみても「404|NotFound」というページが表示されていしまう。
↓Application Logs

2023-07-02T08:24:11.489544+00:00 app[web.1]: DOCUMENT_ROOT changed to 'public/'
2023-07-02T08:24:11.539966+00:00 app[web.1]: Detected 536870912 Bytes of RAM
2023-07-02T08:24:11.562224+00:00 app[web.1]: PHP memory_limit is 128M Bytes
2023-07-02T08:24:11.570660+00:00 app[web.1]: Starting php-fpm with 4 workers...
2023-07-02T08:24:11.625176+00:00 app[web.1]: Starting httpd...
2023-07-02T08:24:12.172618+00:00 heroku[web.1]: State changed from starting to up
2023-07-02T08:25:19.454970+00:00 app[web.1]: 10.1.30.231 - - [02/Jul/2023:08:25:19 +0000] "GET / HTTP/1.1" 404 6603 "https://dashboard.heroku.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36
2023-07-02T08:25:19.457824+00:00 heroku[router]: at=info method=GET path="/" host=masatweet-aaf0417ae442.herokuapp.com request_id=ab4fe904-2522-4113-8ebc-914a07ad7680 fwd="60.149.177.175" dyno=web.1 connect=1ms service=141ms status=404 bytes=6816 protocol=https
2023-07-02T08:25:19.785126+00:00 app[web.1]: 10.1.30.231 - - [02/Jul/2023:08:25:19 +0000] "GET /favicon.ico HTTP/1.1" 200 - "https://masatweet-aaf0417ae442.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36
2023-07-02T08:25:19.787804+00:00 heroku[router]: at=info method=GET path="/favicon.ico" host=masatweet-aaf0417ae442.herokuapp.com request_id=64452317-569e-418f-848c-f4f4d5d74492 fwd="60.149.177.175" dyno=web.1 connect=0ms service=1ms status=200 bytes=231 protocol=https

githubのユニット・フィーチャーテストのところにもエラーが表示されてしまう。

該当のソースコード

routes\web.php

<?php

use App\Http\Controllers\ProfileController;
use Illuminate\Support\Facades\Route;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider and all of them will
| be assigned to the "web" middleware group. Make something great!
|
*/

Route::get('/', function () {
    return view('welcome');
});

// Sample
Route::get('/sample', [\App\Http\Controllers\Sample\IndexController::class,'show']);
Route::get('/sample/{id}', [\App\Http\Controllers\Sample\IndexController::class,'showId']);


// Tweet
Route::middleware('auth')->group(function () {
    Route::post('/tweet/create', \App\Http\Controllers\Tweet\CreateController::class)
    ->name('tweet.create');
    Route::get('/tweet/update/{tweetId}', \App\Http\Controllers\Tweet\Update\IndexController::class)
    ->name('tweet.update.index');
    Route::put('/tweet/update/{tweetId}', \App\Http\Controllers\Tweet\Update\PutController::class)
    ->name('tweet.update.put');
    Route::delete('/tweet/delete/{tweetId}', \App\Http\Controllers\Tweet\DeleteController::class)
    ->name('tweet.delete');
});
Route::get('/tweet', \App\Http\Controllers\Tweet\IndexController::class)
->name('tweet.index');


Route::get('/dashboard', function () {
    return view('dashboard');
})->middleware(['auth', 'verified'])->name('dashboard');

Route::middleware('auth')->group(function () {
    Route::get('/profile', [ProfileController::class, 'edit'])->name('profile.edit');
    Route::patch('/profile', [ProfileController::class, 'update'])->name('profile.update');
    Route::delete('/profile', [ProfileController::class, 'destroy'])->name('profile.destroy');
});

require __DIR__.'/auth.php';

.github\workflows\phpunit.yml

name: Laravel

on:
  push:
  pull_request:

env:
  DB_USERNAME: sail
  DB_PASSWORD: password
  MAIL_FROM_ADDRESS: [e-mail]

jobs:
  phpunit:

    runs-on: ubuntu-latest

    services:
      mysql.test:
        image: 'mysql/mysql-server:8.0'
        ports:
          - 3306:3306
        env:
          MYSQL_DATABASE: 'example_app'
          MYSQL_USER: ${{ env.DB_USERNAME }}
          MYSQL_PASSWORD: ${{ env.DB_PASSWORD }}
          MYSQL_ALLOW_EMPTY_PASSWORD: 1
        options: >-
          --health-cmd "mysqladmin ping"
          --health-interval 10s
          --health-timeout 5s
          --health-retries 5

    steps:
      - uses: actions/checkout@v2
      - name: Setup PHP
        uses: shivammathur/setup-php@v2
        with:
          php-version: '8.1'
          tools: composer:v2
      - name: Copy .env
        run: cp .env.example .env.testing
      - name: Install Dependencies
        if: steps.cache.outputs.cache-hit != 'true'
        run: composer install -q --no-ansi --no-interaction --no-scripts --no-progress --prefer-dist
      - name: Generate key
        run: php artisan key:generate --env testing
      - name: Set hostname
        run: sudo echo "127.0.0.1 mysql.test" | sudo tee -a /etc/hosts
      - name: Execute tests (Unit and Feature tests) via PHPUnit
        run: vendor/bin/phpunit

package.json

{
    "private": true,
    "type": "module",
    "scripts": {
        "dev": "vite",
        "build": "vite build",
	    "serve": "vite preview"
    },
    "devDependencies": {
        "@popperjs/core": "^2.11.6",
        "@tailwindcss/forms": "^0.5.2",
        "@vitejs/plugin-react": "^4.0.1",
        "@vitejs/plugin-vue": "^4.2.3",
        "alpinejs": "^3.4.2",
        "autoprefixer": "^10.4.2",
        "axios": "^1.1.2",
        "bootstrap": "^5.2.3",
        "laravel-vite-plugin": "^0.7.8",
        "lodash": "^4.17.19",
        "postcss": "^8.4.6",
        "sass": "^1.56.1",
        "tailwindcss": "^3.1.0",
        "vite": "^4.3.9"
    }
}

vite.config.js

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
    ],
    server: {
        hmr: {
            host: 'localhost',
        },
    },
});

試したこと

・ユニット・フィーチャーテストのファイルを削除した(削除済み)
・vite.config.jsのserver: {・・・}の部分を削除してデプロイしてみた(戻した)

他に試してほしいこと、参照したいファイルなどがございましたらコメントで教えてください。

補足情報（FW/ツールのバージョンなど）

Laravel Framework 10.13.5
VITE v4.3.9

Answer 1

環境変数で APP_URL を設定してみてください。
TrustHostsミドルウェアが有効になっている場合、上記を正しく設定する必要があるはずです。