vue為app做h5頁面,如何做到同域名對應不同版本的h5代碼


1.當我們在做混合開發的時候,app端可以有無數多個版本,一般情況h5頁面只有一套代碼。應該如何部署多套代碼呢?

2.業務場景

當出現這種情況的時候,其實前端可以部署多套代碼。比如: www.static300.com/index.html  ,   www.static3110.com/index.html , www.static3200.com/index.html 這樣做不是不可以,但是運維部方便部署代碼,同時自己也不方便管理。

有沒有可能部署成這樣呢?  www.static.com/v1/index.html,   www.static.com/v2/index.html,   www.static.com/v3/index.html 呢? 簡單明了,一看就懂,運維也可以通過Jenkis 直接實現一鍵部署。

3.如何實現同一域名實現,不同版本的管理呢,(特別是針對單頁面應用)?

1. 首先就是前端通過vueRouter配置基本路徑 new VueRouter({base:"/v1/'})

 

2. 配置好打包路徑

3.配置好nginx

4.ok 大功告成。


免責聲明!

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



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