react 如何实现同一url下根据不同端显示不同页面

     工作中曾经遇到这样的需求,同一套代码,要在不同端(微信、普通浏览器、第三方app)显示,第三方app需要做定制,样式、布局和功能都和其他端不同,但url是相同的。如果采用vue,可以采用动态组件解决。但react没有这个东西,那么react 如何实现同一url下根据不同端显示不同页面?之前的同事通过复制不同node层入口,启动不同服务器,然后引入不同页面实现。这种做法其实将问题复杂化了。其实有个简单的办法,我们可以通过将url对应的页面作为一个入口页,然后通过判断访问客户端,渲染不用的页面,而此处的“不同页面”,我们将它做成不同组件,如果有这些“不同页面”有复用的地方,可以抽离出公共组件。当然,这种方法适用于只需要少部分页面进行定制的。此种办法也可用于mpvue之类不支持动态组件的框架。

     欢迎讨论是否有更好的办法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值