vue.js - 前后端分离 的单页应用部署问题？

问题描述

问 题

1. 创建一个前后端分离的单页应用该如何实现前端和后端文件的分开部署

2. 像利用vuejs或者react写的单页应用可以直接放到后端项目的静态文件下 一起部署吗。需要依赖nodejs吗？如果只是单纯的想vuejs写界面是不是部署的时候可以不适用nodejs环境！

希望知道的兄弟讲解下前后端分离的部署问题，单页应用的部署问题！（部署平台 windows）

解决方案

所谓前后端分离，

• 暂且不谈Node中间层的情况，先说传统意义上的前后端，页面上使用API进行数据交互来进行分离时：

你写你的前端，使用webpack或者glup等打包编译工具进行编译。需要的数据使用API向后端拿。此时的部署是这样的：

1. 写好js、css等资源文件，编译打包（要确保在HTML里引用正确路径的资源文件）

2. 部署项目。

3. 用户访问某路由，由后端判断，选择正确的HTML作为response渲染出来

4. 所以实际上前端文件是依赖于后端跑的服务的

• 针对Node中间层，稍有一些不同：

我们把Node中间层包含在大前端领域，因此可以说它也属于前端范畴。此时的后端仅仅提供API。

也就是说，从前端页面上发出的Ajax，会由Node router接收，然后通过controller或者server，再次发出一个异步请求，向后端API请求数据。此时，如果只有前端部署，则只需要跑Node服务，由路由渲染HTML的活也是Node干的。

部署过程：

1. 编译前端资源文件

2. 部署Node

3. 如果后端接口不变，可以不需要部署

4. 在中间层的情况下，后端用什么语言什么环境都与前端无关

这篇关于vue.js - 前后端分离 的单页应用部署问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！