不少粉絲和客戶(hù)朋友對(duì)于前后端分離怎么部署這個(gè)問(wèn)題有很大的探索欲望。我們都知道，現(xiàn)在前后分離已經(jīng)是發(fā)展趨勢(shì)和潮流了，不少企業(yè)和客戶(hù)都希望前后端分離，這樣就能術(shù)業(yè)有專(zhuān)攻，前后端工程師能分出精力來(lái)專(zhuān)注于做好自己的事情，從而提升效率。本文將分享給大家的是前后端分離如何部署的知識(shí)，滿(mǎn)滿(mǎn)的都是干貨，希望您能有所收獲。

一、前后端分離怎么部署？分享具體步驟

（一）一起部署：

1.先將前端打包成靜態(tài)文件：npm run build

2.將dist目錄下所有的文件拷貝到后端的static中（resource下的static）

3.在后端框架攔截器中將之前拷貝的所有文件都放行

4.注意修改配置文件里面mysql、redis以及其他的url

5.打包后端在項(xiàng)目父路徑（idea后面帶ROOT）的lifecycle中點(diǎn)擊package

6.找到target中的jar并上傳到linux（建議放到一個(gè)項(xiàng)目專(zhuān)屬文件夾中）

7.切換到項(xiàng)目文件夾執(zhí)行命令 ：nohup java -jar +jar包名稱(chēng)（有幾個(gè)執(zhí)行幾遍）

8.訪(fǎng)問(wèn)瀏覽器輸入Linux的地址+端口號(hào)+index.html

（二）前后端分離部署(使用nginx)

1.先將前端打包成靜態(tài)文件：npm run build

2.將dist目錄拷貝到Linux的文件夾下

3.找到Linux的配置文件

4.將nginx配置文件的指向地址修改為jar包的地址（后端）

5.訪(fǎng)問(wèn)靜態(tài)資源（第一步拷貝的前端資源）下面修改為項(xiàng)目的文件夾到dist

6.將后端代碼打包成jar放入項(xiàng)目目錄

7.切換到項(xiàng)目文件夾執(zhí)行命令 ：nohup java -jar +jar包名稱(chēng)

8.啟動(dòng)nginx: …/sbin/nginx

9.訪(fǎng)問(wèn)瀏覽器輸入Linux的地址+index.html

二、看看IBPS微服務(wù)架構(gòu)前后端分離框架特點(diǎn)

正是由于前后端分離的需求越來(lái)越被重視，因此IBPS低代碼開(kāi)發(fā)平臺(tái)服務(wù)商順勢(shì)而為，探索出另一條全新的前后端分離模式。那么，該平臺(tái)前后端分離框架的特點(diǎn)究竟是什么？一起來(lái)探尋。

（一）前端解決方案特點(diǎn)

采用Webpack的模塊打包機(jī)制；

基于vue構(gòu)建用戶(hù)界面的漸進(jìn)式框架，采用Vue全家桶（vue-router、vuex、vue-cli、axios）；

基于vue的Element UI組件庫(kù)和Vux的前端解決方案；

Easy mock 模擬后端數(shù)據(jù)結(jié)構(gòu)；

同一套代碼多端使用，即PC端、移動(dòng)端可使用同一套前端代碼；

控件組件化；

表單靜態(tài)化，只需生成的代碼其他系統(tǒng)可調(diào)用。

（二）后端解決方案特點(diǎn)

采用Spring Cloud的微服務(wù)，通過(guò)服務(wù)注冊(cè)中心Eureka向外提供注冊(cè)及訪(fǎng)問(wèn)服務(wù)；

支持使用客戶(hù)自己的注冊(cè)中心（基于Eureka)，公司主動(dòng)去注冊(cè)；

穩(wěn)定的網(wǎng)關(guān)服務(wù)zuul。提供統(tǒng)一服務(wù)調(diào)用入口，更精準(zhǔn)的對(duì)服務(wù)進(jìn)行權(quán)限、流量等控制；

同時(shí)支持resful接口方式調(diào)用公司服務(wù)，無(wú)需注冊(cè)中心及網(wǎng)關(guān)也可正常使用；

支持集群、分布式服務(wù)；

支持多種組件服務(wù)，如：消息服務(wù)、文件服務(wù)、定時(shí)任務(wù)等基礎(chǔ)服務(wù)。

經(jīng)過(guò)上文的長(zhǎng)篇介紹后，大家知道前后端分離怎么部署了嗎？

如果需要體驗(yàn)，可以從這里登錄：https://cloud.bpmhome.cn:280/

（部分資料來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系我們刪除）