vue.js - 前后端分离 的单页应用部署问题?
本文介绍了vue.js - 前后端分离 的单页应用部署问题?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
创建一个前后端分离的单页应用该如何实现前端和后端文件的分开部署
像利用vuejs或者react写的单页应用可以直接放到后端项目的静态文件下 一起部署吗。需要依赖nodejs吗?如果只是单纯的想vuejs写界面是不是部署的时候可以不适用nodejs环境!
希望知道的兄弟讲解下前后端分离的部署问题,单页应用的部署问题!(部署平台 windows)
解决方案
所谓前后端分离,
暂且不谈
Node
中间层的情况,先说传统意义上的前后端,页面上使用API进行数据交互来进行分离时:
你写你的前端,使用webpack
或者glup
等打包编译工具进行编译。需要的数据使用API向后端拿。此时的部署是这样的:
写好js、css等资源文件,编译打包(要确保在
HTML
里引用正确路径的资源文件)部署项目。
用户访问某路由,由后端判断,选择正确的
HTML
作为response
渲染出来所以实际上前端文件是依赖于后端跑的服务的
针对
Node
中间层,稍有一些不同:
我们把Node
中间层包含在大前端领域,因此可以说它也属于前端范畴。此时的后端仅仅提供API。
也就是说,从前端页面上发出的Ajax,会由Node router
接收,然后通过controller
或者server
,再次发出一个异步请求,向后端API请求数据。此时,如果只有前端部署,则只需要跑Node
服务,由路由渲染HTML
的活也是Node
干的。
部署过程:
编译前端资源文件
部署
Node
如果后端接口不变,可以不需要部署
在中间层的情况下,后端用什么语言什么环境都与前端无关
这篇关于vue.js - 前后端分离 的单页应用部署问题?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文