php代码写在HTML中，不存在纯粹的PHP文件和HTML文件，这就是前后端的不分离，这样会导致开发效率大大降低。所以我们就需要将PHP服务器与前端分离，实现前后端分离。
推荐阅读：php服务器
前后端分离优点：
1、为优质产品打造精益团队
立即学习“PHP免费学习笔记（深入）”；
2、提高工作效率，分工更加明确
3、局部性能提升
4、增强代码的可维护性
php服务器做前后端分离的方法：
我们可以使用vue实现PHP服务器前后端分离。
Blade下的Vue
编写一个Laravel的模板文件，传进来PHP的变量并渲染。
<html>
<body>
<h1>{{ $hello }}</h1>
</body>
</html>通过script标签引入Vue，然后在标签内写vue的逻辑。
<script src="js/vue.min.js"></script>
配合axios这些ajax库，前端就可以只写在resources/views文件夹里。
构建工具下的Vue
Sylius开源电子商务平台是一个开源的 PHP 电子商务网站框架，基于 Symfony 和 Doctrine 构建，为用户量身定制解决方案。可管理任意复杂的产品和分类，每个产品可以设置不同的税率，支持多种配送方法，集成 Omnipay 在线支付。功能特点：前后端分离Sylius 带有一个强大的 REST API，可以自定义并与您选择的前端或您的微服务架构很好地配合使用。如果您是 Symfony
Laravel Mix提供了一个管道，可以流式编译CSS和JS。
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');类似于Gulp，也是在Node上面跑起来的。
npm install npm run dev npm run production
在app.js里面注册组件。
// app.js
Vue.component('example', require('./components/Example.vue'));然后就可以直接写在PHP的模板里面了。
@extends('layouts.app')
@section('content')
<example></example> // 这里是使用vue组件的
@endsection其实原理还是和之前手动编译的一样，先通过webpack翻译组件，生成正常的PHP模板，给PHP调用。
分离与转发
这里后端的工作一般是：
编写Lumen代码，提供服务
写好Restful的API文档
用postman进行测试
前端的工作一般是：
编写Vue代码
打包编译
使用Node转发API请求，解决跨域问题
使用PM2处理并发请求
