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添加了一个条目

当我进入惯性示例测试时，我看到的只是带有文字“ 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>

Answer 1

因此，由于我不太想尝试做什么，所以我决定停止，卸载XAMPP，安装Laragon，然后从那里开始。我只是关注文档，现在一切似乎都正常了。我的直觉告诉我，XAMPP无法正常工作，这与必须手动配置httpd-vhosts.conf和etc / hosts文件有关。

使Inertia.js和Xampp一起工作

1 个答案: