前后端分离项目初体验——手把手教程+实例Demo

Web开发发展至今，前后端分离已经成为一种大趋势。今天我就以JavaWeb为示例来讲解一下前后端分离项目的构建、运行与开发。

示例项目的技术：

• 前端–Vue.js
• 后端–SpringBoot2.0 + SSM框架
• 使用Nginx解决请求转接与跨域问题

项目源码地址：springboot-examples/ssm_vue

注：由于最近在调整Git上的项目，导致本节指向的示例项目暂时不可以访问了。

有关前后端分离的一些思考（此部分可略过）

首先我们需要理解一个东西：一个常见的项目被启动后，通常是占用一个特定的端口号的，比如说8080。而如果项目被划分成前端项目与后端项目时，它们是如何划分的呢？占用的还是一个端口么？前端项目又是如何被启动的？

下面由我细细道来。
首先，前后端划分的标准很简单，所有页面部分（html，js，css）这些东西归前端，其他部分归后端。

就项目启动看，以npm为基础的vue.js项目，前端项目启动后同样是绑定在某个端口上的（这个端口号可以不指定，由系统从8080开始自动进行赋值）。前后端会分别占用操作系统的一个端口。

还有一个问题，前后端项目都启动后，我要如何从前端去请求我的后端接口呢？我要把后端端口号也配置在前端里面以便它去访