第一種前后端不分離的發布方式
1)fe里運行
2)be里通過expressjs.com.cn的快速入門中的express生成器
yarn global add express_generator/npm install express_generator -g
3)be里輸入express -e
4)be里yarn
5)be里刪除public里的東西(如果有的話)
6)be里啟動服務(此處改端口需要通過bin/www)
7)前端代碼放入be的public中(在fe的gulpfile-build.js中創建copy任務)

8)fe里重啟服務器yarn build
9)改be里app.js的正向代理(主要是路徑)
不分離就是后端發布
第二種前后端分離的發布方式
1)fe中html中帶href、src的地址前都加上前端服務器的域名
![]()
2)本地域名的配置:
配置etc文件下的host
DNS解析流程,先到本地host找路由,找不到用公網DNS
3)fe的gulpfile-bulid.js中copydist改成

4)fe中dist要請服務,新建一個server.js(端口號最多到65536,不可超過這個數字)

5)fe中配置package.json中的serve

6)fe中啟動yarn serve(前端服務起來了)
測試:localhost:端口/scripts/某某.js可訪問即可
7)fe中把src中html中的src中的./全部換成http://localhost:端口號/
![]()
8)fe中重新yarn bulid,此時be中的public中的html的src也會對應改了
(因為在fe的gulpfile-bulid.js中配置了copydist
)
9)現在localhost:后端端口號即可訪問到數據
10)不跨域的不用加上http://localhost:前端端口號(此處6677):如js、ajax
11)跨域的和圖片都需要加上 http://localhost:前端端口號(此處6677)
12)iconfont跨域,需要在be的app.js中創建路由/iconfonts
13)此期間前端服務不能停
14)前端修改后端必重發布,因為版本號已改
后端修改前端不改不需要重新發布
前端后端代碼小對比:

