无法使用 php 托管静态反应应用程序

时间:2021-01-18 09:20:44

标签: php reactjs static-site

所以我有这个简单的 React 应用程序(使用 create-react-app 制作),它是使用 npm run build 编译的,我想使用 PHP 提供它。 在我的 php 设置中,我有一个 index.php 文件,只有这一行,其中包含 index.html 文件夹内的 build 文件:

index.php

<?php include "build/index.html;?>"

这是我整个应用程序的结构:

├── build
│   ├── asset-manifest.json
│   ├── index.html
│   ├── precache-manifest.5a71b672b51798d52484b4ae90a40f80.js
│   ├── service-worker.js
│   └── static
│       ├── css
│       │   ├── main.9b1431d8.chunk.css
│       │   └── main.9b1431d8.chunk.css.map
│       └── js
│           ├── 2.0aee0187.chunk.js
│           ├── 2.0aee0187.chunk.js.LICENSE.txt
│           ├── 2.0aee0187.chunk.js.map
│           ├── main.f1085c9d.chunk.js
│           ├── main.f1085c9d.chunk.js.map
│           ├── runtime-main.a1318aaf.js
│           └── runtime-main.a1318aaf.js.map
└── index.php

但是当我使用 sudo php -S localhost:80 -t . 运行 php 服务器时,我只得到一个空页面。 从浏览器的网络选项卡中,我发现对 static 文件夹内文件的每个请求都会出现 404 错误

enter image description here

我的 asset-manifest.json 文件如下所示:

asset-manifest.json

{
  "files": {
    "main.css": "/static/css/main.9b1431d8.chunk.css",
    "main.js": "/static/js/main.f1085c9d.chunk.js",
    "main.js.map": "/static/js/main.f1085c9d.chunk.js.map",
    "runtime-main.js": "/static/js/runtime-main.a1318aaf.js",
    "runtime-main.js.map": "/static/js/runtime-main.a1318aaf.js.map",
    "static/js/2.0aee0187.chunk.js": "/static/js/2.0aee0187.chunk.js",
    "static/js/2.0aee0187.chunk.js.map": "/static/js/2.0aee0187.chunk.js.map",
    "index.html": "/index.html",
    "precache-manifest.5a71b672b51798d52484b4ae90a40f80.js": "/precache-manifest.5a71b672b51798d52484b4ae90a40f80.js",
    "service-worker.js": "/service-worker.js",
    "static/css/main.9b1431d8.chunk.css.map": "/static/css/main.9b1431d8.chunk.css.map",
    "static/js/2.0aee0187.chunk.js.LICENSE.txt": "/static/js/2.0aee0187.chunk.js.LICENSE.txt"
  },
  "entrypoints": [
    "static/js/runtime-main.a1318aaf.js",
    "static/js/2.0aee0187.chunk.js",
    "static/css/main.9b1431d8.chunk.css",
    "static/js/main.f1085c9d.chunk.js"
  ]
}

我不确定我在这里做错了什么。任何帮助都将受到高度评价。谢谢。

0 个答案:

没有答案