管理进化

前后端分离怎么实现


前后端分离实现的步骤是:1.使用STS来构建一个SpringBoot下的SSM项目;2. 打开浏览器,输入localhost:8080;3. 对项目进行配置;4. 配置完成后,启动nginx;5. 直接使用localhost:8080访问前端项目的效果相同,完成前后端分离。

1.使用STS(springtoolsuite,一个eclipse的变种)来构建一个SpringBoot下的SSM项目。启动这个项目,控制台如下:

2.为了方便测试,添加一个登录页面到项目中——详细代码到我的Git仓库查看。你可以使用npm命令行创建该项目,也可以使用如webstorm之类的开发工具来创建。打开浏览器,输入localhost:8080,界面如下:

3.对项目进行配置:

4. 配置完成后,启动nginx。在浏览器中输入nginx监听的端口:localhost:8988,界面如下:

5. 可以看到这个界面和上面直接使用localhost:8080访问前端项目的效果相同。输入数据库中对应的账户信息,点击登录,可以看到成功跳转至首页:

至此,我们已经成功创建了一个前后端分离的项目,并且使用代理解决了前后端请求的问题。


最后,推荐我们的管理工具给大家。

智齿客服