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
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处理并发请求
以上就是php服务器如何做前后端分离？的详细内容，更多请关注php中文网其它相关文章！
PHP怎么学习？PHP怎么入门？PHP在哪学？PHP怎么学才快？不用担心，这里为大家提供了PHP速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1125
