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 大功告成。

转载于:https://www.cnblogs.com/createGod/p/8196058.html

vue为app做h5页面，如何做到同域名对应不同版本的h5代码相关推荐

混合开发与移动端--H5混合开发、H5页面的开发布局、开发注意事项、H5与原生（安卓）交互、webpack打包优化解决方案、H5调试工具、webview
H5混合开发混合开发.原生开发.H5开发的区别: 简述:主流APP:原生APP.H5(webapp).混合APP,相对应的定制研发即原生开发.H5开发.混合开发原生APP开发优缺点: 可以访问手机 ...
小程序接入h5页面_小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)...
背景有时候,因为业务需求,在小程序当中,需要跳转到 h5 网页,或跳转到公众号,形成流量的闭环,那在小程序当中怎么实现呢? 实例效果前提条件该小程序与需要跳转至的公众号(订阅号/服务号)进行了绑定 ...
Vue实现app中搜索页面的炫酷搜索热词布局样式
首先是效果图可以自适应屏幕大小可以每次刷新改变热词底色在电脑显示如下下面是实现过程数据准备:原始数据为["**********"] 布局: 其中hotWords是上面的数 ...
php后台登录页修改成ajax,使用php后台给自己做一个页面路由，配合ajax实现局部刷新。(示例代码)...
今天就要放假了,把近来囤积的小玩意儿总结整理一下. 在请求一个html页面来嵌入到当前页会有一个问题,就是跟随请求过来的html他的样式表和脚本会失效.是因为文档加载的先后顺序等问题造成的.因此,加载 ...
H5页面、微页、轻应用、轻app、场景应用制作工具：
导语:要说现如今哪些营销方法最能生动形象的传达发布者的意图,屡屡刷爆微信的朋友圈圈,而且制作简单易用,的H5页面一定就是首先要说的的,提到H5页面,就立马想到"围住神经猫",上线3 ...
内嵌在app里的h5页面实现分享
今天在做项目的时候, 有一个功能是内嵌在app里的h5页上有一个按钮,点击按钮要呼起微信的通讯录,进行分享,分享完成之后调后端接口记录分享次数. 如下图,呼起微信通讯录的界面是这样子: 在app里h5 ...
内置h5 调用safari系统浏览器打开_开发教我做设计：移动端H5页面中的橡皮筋效果...
什么是橡皮筋效果(Over Scroll)? 在浏览被H5与iOS客户端混合编程的页面时,由于Safari浏览器的特性,当H5页面滑动到页面顶部.页面底部的位置时,继续下拉/上拉H5网页会出现&quo ...
iOS小技能：监听H5页面goBack返回事件网页监听APP返回键（NavigationBackItemInjection）
文章目录引言 I . iOS监听H5页面goBack返回事件 1.1 UIWebView 监听H5页面goBack返回事件 1.2 WKWebView监听H5页面goBack返回事件 II. 网页监 ...
H5页面开发怎么做？分析H5页面开发令人期待的 5 项功能。
来源品略网:http://www.pinlue.com/article/2020/03/0518/019985707535.html H5页面开发怎么做-H5页面开发令人期待的 5 项功能 HTML ...

vue为app做h5页面，如何做到同域名对应不同版本的h5代码

vue为app做h5页面，如何做到同域名对应不同版本的h5代码相关推荐

最新文章

热门文章