如何在 PHP 中安全访问 React 应用构建后发布的 JSON 数据文件-php教程-PHP中文网

如何在 PHP 中安全访问 React 应用构建后发布的 JSON 数据文件

React 项目中的 src/ 文件夹仅用于开发，构建后不会保留；若需 PHP 读取 JSON 数据，应将文件显式复制到 build/ 目录（如通过 CopyWebpackPlugin），再通过 PHP 的 file_get_contents() 和 json_decode() 安全加载。

react 项目中的 `src/` 文件夹仅用于开发，构建后不会保留；若需 php 读取 json 数据，应将文件显式复制到 `build/` 目录（如通过 copywebpackplugin），再通过 php 的 `file_get_contents()` 和 `json_decode()` 安全加载。

在典型的 React + PHP 混合架构中（例如 PHP 作为后端 API 或服务端渲染入口），开发者有时希望 PHP 脚本直接读取前端使用的静态 JSON 配置或内容数据（如 data.json）。但需明确一个关键前提：src/ 目录是纯前端源码目录，不会出现在生产环境的 Web 可访问路径中，也不应被 PHP 直接读取——这既违反构建逻辑，也存在安全与部署风险。

✅ 正确做法是：在构建阶段将 JSON 文件显式输出至 build/ 目录，使其成为静态资源的一部分。推荐使用 Webpack 的 CopyWebpackPlugin（Create React App 5.0+ 已内置支持自定义配置，或可通过 craco/react-app-rewired 扩展）：

// webpack.config.js（或 craco.config.js）
const CopyPlugin = require('copy-webpack-plugin');

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        { from: 'src/data.json', to: 'data.json' } // 复制到 build 根目录
      ]
    })
  ]
};

构建后，data.json 将位于 build/data.json，可通过 HTTP URL（如 https://yourdomain.com/data.json）被浏览器或 PHP 访问。

Feishu calendar sync, local ics to json data for AI agent

将ICS日历文件转为JSON格式，用于飞书日历导入导出及数据集成。

下载

⚠️ 若 PHP 与 React 前端部署在同一服务器（如 PHP 脚本运行于 Nginx/Apache 同一主机），可直接读取文件系统路径，更高效且规避网络请求开销：

<?php $jsonPath = __DIR__ . '/../build/data.json'; // 确保路径指向实际 build 输出目录

if (file_exists($jsonPath)) {
    $jsonContent = file_get_contents($jsonPath);
    $data = json_decode($jsonContent, true);

    if (json_last_error() === JSON_ERROR_NONE) {
        echo "Loaded data: " . count($data) . " items";
    } else {
        throw new RuntimeException('Invalid JSON in data.json');
    }
} else {
    throw new RuntimeException('data.json not found in build directory');
}
?>

? 注意事项：