让 Inertia.js 和 Xampp 一起工作

Question

我尝试使用 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

中添加了一个条目

当我转向惯性时-example.test 我看到的只是一个带有文本 "Welcome to Laravel!" 的 h1 标签，这肯定不是 Welcome.vue.[=17= 中的内容]

有没有人有什么想法？

这里是 link (https://github.com/inertiajs/inertia-laravel) 到 github 如果有帮助的话。

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>

Answer 1

所以，由于我对我想做的事情不是很了解，所以我决定停下来，卸载 XAMPP，安装 Laragon，然后从那里开始。我只是按照文档进行操作，现在一切似乎都正常了。我的直觉告诉我 XAMPP 不起作用，这与必须手动配置 httpd-vhosts.conf 和 etc/hosts 文件有关。

让 Inertia.js 和 Xampp 一起工作

Getting Inertia.js and Xampp to work together

xampp

inertiajs

laravel

vue.js