一、nginx如何部署前后端分离项目

之所以会用nginx部署前后端分离的项目，是因为它也能够解决跨域问题，因为前后端分离的模式下，前端自己一个端口开发运行在nodejs上面，后端有自己的一个端口开发运行，因此它们的端口不一样就会存在跨域问题，但是nginx绝对不是解决跨域问题的唯一方案，这里我们先说一下其他的解决问题的方案。

这种跨域问题只是在开发环境中会遇到，实际项目生产上线的时候也同样可以不用跨域，当前端项目开发完成以后，我们就会对前端进行编译和打包，最后就只剩下一堆css文件、js文件和图片之类的，此时我们可以把这堆文件放到后端的目录下的静态文件中，这样在部署的时候就不存在跨域问题了，当然这不是我们讨论的范围，我们主要考虑讨论nginx部署的部分。

之所以研讨nginx部署前后端分离是因为它有两个优势，首先就是nginx使用比较常见，部署相当方便，这是其一，其二就是使用nginx可以提高程序的访问性能，因为nginx可以做到项目部署的动静分离，像这种静态资源文件js、css文件图片文件都可以部署在nginx中，请求直接访问就可以了，不需要再部署到后台中请求后台服务器的访问，这样就会很大的提升性能。

使用用nginx主要是可以做反向代理，当后端项目启动时，我们不要直接去访问后端，而是先启动一个nginx服务器，在nginx上面配置一些转发请求，然后直接访问nginx就会以转发的形式访问后端。

二、前后端分离的企业项目如何分配前后端的人员配备

人员配比问题小编认为还是因人而异、因项目而异、因公司而异，像是普通的项目，比如说项目不是很大的那种，小编曾经的公司基本上只配了一个前端人员和一个UI人员，剩下的大概有三四个后端开发。

那是我们以前不正规的公司，如果是正规的公司的样子的话，并且业务比较复杂、比较多的话，那前端人员就会多配置几个，前端人员与后端人员的配比大概是2:1的样子。

以后前端人员会越来越多的，因为现在的时代不一样了，以前的开发都是管理系统，很多管理系统的前端页面都是由后端人员编写的，所以前后端人较多，而现在越来越注重界面的美观和前后端分离，所以前端人员就会越来越多，还有很多H5、小程序、APP乱七八糟的东西，所以前端人员的需求会越来越大，前端人员会越来越多的。

扩展阅读：

如果让一个项目前后端分离，我想前端用vue后端用java，该如何实现

Nginx部署前端代码实现前后端分离

产品与开发的人员配比多少是比较合适的

前后端分离实践的架构设计

三、springboot vue全栈前后端分离微服务电商商城项目实战课程信息

1、课程大小：6.63GB

2、课程课时：共计228课时

3、播放格式：（mp4视频格式）百度云网盘在线播放、下载视频播放器播放、不加密

4、课程板块：前后端必备技术与商城系统搭建、前后端商城完整功能模块开发、商品全文检索与商品页面静态化、前后端分离电商的单点登录授权与商品支付

5、技术架构：springboot+springcloud+springMVC+vue+ES+mq+fastdfs+thymeleaf+nginx

6、课件说明：教程课程涵盖素材、代码、笔记资料

四、前后端必备技术与商城系统搭建（79课时）

1）Spring boot入门精通

2）spring boot搭建程序环境

3）Springboot整合springmvc与mybatis完成敏捷开发

4）常用数据源查询数据库

5）整合前端thymeleaf模板引擎

6）微服务架构应用场景与演变

7）微服务注册中心与服务中心搭建

8）服务注册与微服务之间的相互调用

9）使用feign接口的方式负载均衡的轮询调用各个微服务

10）搭建微服务网关与过滤器系统，实现url的统一过滤与访问

11）微服务架构下熔断降级与限流系统的使用

12）前后端分离的电商商城项目功能展示

13）前后端分离全栈商城必备的技术栈选择

14）搭建电商后台的各个微服务模块

15）前端vue的基础知识必备学习

16）es6的基本语法与应用

17）vue的前端工程安装与搭建

18）vue的相关入门与事件与数据解析与绑定

19）vue的前端数据判断循环、遍历、事件监听

20）各个组件实现路由跳转与传值通信

21）整体的商城项目前端环境与工程搭建

图一：前后端必备技术与商城系统搭建课程详情

五、前后端商城完整功能模块开发（45课时）

1）电商商品模块开发

2）商品分类与品牌查询

3）一级二级分类开发

4）完成品牌与分类的分页查询与排序

5）nginx配置页面访问域名

6）解决前后端访问的跨域问题

7）vue的前端向后端接口请求

8）商品品牌模块开发

9）前端页面布局与展示

10）商城图片与文件上传

11）网关过滤与图片访问

12）Fastdfs分布式存储应用

13）Fastdfs使用原理与文件上传原理

14）商品的规格与参数需求分析

15）规格与参数前端与后端的页面布局与代码实现逻辑

图二：前后端商城完整功能模块开发课程详情

六、商品全文检索与商品页面静态化（48课时）

1）商城站内全文检索的需求分析

2）Elasticsearch实现商品的过滤检索与查询检索

3）Elasticsearch下载安装启动运行与应用

4）ES搜索结果查询与过滤

5）商品搜索结果排序语句和商品的高级检索

6）搭建后端商品搜索的微服务模块

7）实现全文检索的分页查询

8）前端实现选择商品品牌和分类的结果查询

9）实现商品的规格参数选择查询

10）互联网前端静态化页面的必要性与应用场景

11）通过后端的模板引擎生成静态化页面

12）静态化页面的渲染实现与部署

图三：商品全文检索与商品页面静态化课程详情

七、前后端分离电商的单点登录授权与商品支付（56课时）

1）电商项目中消息中间件的应用场景

2）消息中间件的消息发送原理

3）消息中间件的消息实现持久化存储

4）用户登录注册实现短信验证码的登录

5）后端搭建短信发送与验证的微服务后台

6）对接阿里大于平台完成短信验证码的认证

7）前后端分离模式下的单点登录

8）实现jwt token的无状态登录模式

9）后台做网关实现用户登录状态的检验与授权

10）前后端分离的模式下cookie的跨域写入解决方案

11）网关过滤器过滤用户添加白名单与黑名单

12）微服务模式下的购物车实现思路

13）用户登录状态下的购物车与非登录状态下的购物车实现思路

14）前后端分离的商城购物车存储思路与代码实现

15）购物商品添加到购物车

16）商品下单与测试

17）订单金额计算与跳转

18）商城整合微信技术实现微信购买商品付款

图四：前后端分离电商的单点登录授权与商品支付课程详情

图五：电商商城下项目实战附带的课件代码资料详情

扩展阅读：

前后端分离的项目，如何解决登录问题

Springboot+vue全栈开发实战笔记

整合Springboot+Vue（基础框架）

Springboot+Vue 的前后端分离与合并方案

angular和vue对比