【问题标题】:How to add build react app (js,css) in to the laravel back end server如何将构建反应应用程序(js,css)添加到 laravel 后端服务器
【发布时间】:2020-04-19 03:33:54
【问题描述】:

我有一个前端应用程序 (React js) 和后端 (Laravel) 服务器。 我使用npm run build构建前端(Reactapp)。现在我得到了构建文件夹(-->static folder-->cssjsmedia folder)。

我需要将这些静态文件夹 (CSS, js, media) 添加到后端 (Laravel server) 并进行配置。这意味着当我启动 PHP artisan serve 时,应该呈现我的前端反应应用程序。

如何将静态文件夹添加到后端并进行配置?

【问题讨论】:

  • 到目前为止你尝试了什么?
  • @farooq 到目前为止,我创建了 react 应用程序并获得了构建文件,并创建了 Laravel 应用程序。

标签: javascript php reactjs laravel


【解决方案1】:

默认情况下,laravel 带有 vue.js 。 要在 laravel 应用程序中使用 react.js,您应该使用以下命令将 vue.js 更改为 react.js

php artisan preset react

然后使用 , 将npm 安装到你的 laravel 目录中,

npm install

将您的react.js 代码推入resources/js/ 文件夹。同时更改app.js 内容。 有关更多信息,请按照教程。 laravel-react-tutorial

【讨论】:

  • 没错。但我不想安装 NPM 或在 Laravel 项目中添加包。我需要如何将构建文件夹添加到 Laravel 项目。
【解决方案2】:

只需从构建文件中复制静态文件夹并将其粘贴到 Laravel Pubilc Dir。

现在我们要找到server.php并将初始渲染页面index.php更改为index.html。

require_once __DIR__.'/public/index.html';

这就是你所有的前端应用程序(React Js)配置后端(Laravel)

【讨论】:

  • 我做了和你一样的事情。当我访问 URL 时,我能够看到使用 React 创建的前端页面,但 index.php 的响应在
猜你喜欢
  • 2017-01-07
  • 2018-12-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多