項目發布的兩種方式


第一種前后端不分離的發布方式

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)前端修改后端必重發布,因為版本號已改

  后端修改前端不改不需要重新發布

 

前端后端代碼小對比:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM