Laravel、Vue、および Inertia を使用してプロジェクトをセットアップしようとしました。xamppを使用してWindowsで開発しています。
C:/xampp/apache/conf/extra/httpd-vhosts.conf を次のように構成しました。
<VirtualHost inertia-example.test:80>
DocumentRoot "c:/xampp/htdocs/inertia-example/public"
<Directory "c:/xampp/htdocs/inertia-example/public">
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
</VirtualHost>
C:/Windows/System32/drivers/etc/hosts にもエントリを追加しました
inertia-example.test に移動すると、"Welcome to Laravel!" というテキストを含む h1 タグだけが表示されますが、これは Welcome.vue にあるものとはまったく異なります。
誰にもアイデアはありますか?
役立つ場合は、github へのリンク ( https://github.com/inertiajs/inertia-laravel ) を次に示します。
app.blade.php は次のとおりです。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link href="{{ mix('/css/app.css') }}" rel="stylesheet">
<script src="{{ mix('/js/app.js') }}" defer></script>
</head>
<body>
@inertia
</body>
</html>
ルート ファイル、具体的には web.php は次のとおりです。
<?php
use Inertia\Inertia;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('/', function () {
// return view('welcome');
return Inertia::render('Welcome');
});
Welcome.vue は次のとおりです。
<template>
<div>
This is the Welcome page!
</div>
</template>