react怎么和php后端交互,laravel – 使用react.js和后端,您的工作流程如何？

我正在使用Laravel 5.2和ReactJS开发一个简单的CRM应用程序.以前我是独立使用它们,但现在我想尝试将它们组合在一起,因此Laravel将成为我的API,前端将全部在ReactJS中.

据我所知,当我的应用程序准备好上线时,我将提供我的主视图,其中包括root div,bundle.js等.

谈到开发部分,我有点困惑.我真的喜欢反应热重装,但是现在我不得不做一点走动才能使这个工作.

我并排运行两台服务器. Webpack-dev-server和homestead,所以我可以调用我的API.但我还必须为webpack-dev-server提供额外的index.html.当我在index.blade.PHP视图中更改某些内容时,我还需要在此index.html中更改此内容,这有点痛苦.

有什么很酷的技巧可以用来改善我的工作流程吗？如果有任何例子请给我一个链接,因为我找不到一个.有很多小的待办事项应用程序并没有真正解决我的问题.

@UPDATE

我想我找到了一个可以接受的解决方案.我会坚持使用我在我的问题中提供的webpack服务器配置(这真的很棒,因为你可以使用热重装,api调用被重定向到后端端口,所以代替localhost：8080 / api / user …你调用/ api / user / 1),但我还开发了一个简单的elixir扩展,它将PHP编译成简单的静态HTML页面,解决了编辑两个索引文件的问题(我们都知道程序员是懒惰的).

var PHP2html = require("gulp-PHP2html");

var gulp = require("gulp");

var rename = require("gulp-rename");

var Task = elixir.Task;

elixir.extend("PHP2html",function (message) {

new Task("PHP2html",function () {

return gulp.src("./resources/views/index.blade.PHP")

.pipe(PHP2html())

.pipe(rename('index.html'))

.pipe(gulp.dest("./"));

})

.watch("resources/views/index.blade.PHP");

});

elixir(function (mix) {

mix.sass('app.scss');

mix.PHP2html();

});

所以目前我有两个索引文件：

>资源/视图中的index.blade.PHP,由生产中的路由器解析

>我的应用程序文件夹的根目录中的index.html,由webpack-dev-server用于开发

当然现在这些文件是gulp手表的同步原因:)

如果有更好的方法,让我认识一下.