react-router 4.0 在 uc 使用的时候,碰见了一个问题。请求帮助。

2017-12-11 17:23:54 +08:00
 xiayue

问题背景:

我公司的项目分为主站和第三方静态页,主站的项目是使用 react 和 react-router4 写的,主站的公共组件( header 这种的)可以被第三方静态页引用。写法如下:

因为是在一个磁盘下,通过修改页面的 baseUrl 和 webpack 的打包的方式来使第三方静态页项目可以引用主站的组件。

	<script> var require = { baseUrl: '/mobile'} </script>
	externals: {
        'header-nav': 'header-nav'
    }

问题:

header 有返回按钮的功能,代码就是单纯的 history.back();因为第三方页面引用的 header,所以第三方页面也是可以返回的。

但是通过测试,我发现在小米 pad 的 uc 浏览器下,只要是按照 主站-->第三方页面 这种顺序访问页面,头部的返回按钮就会失效,调试的时候也没有异常出现,就是 history.back()执行了,但是没有反应。但是只要是主站的页面之间相互访问,后退的功能是能够生效的。

我查了一下代码,发现主站内的页面都是通过 react-router 配置,走的都是 history 的 api 访问的,一旦访问的是第三方页面,就是使用 window.open(); 大家有遇见过类似的问题请告诉我下,或者是不是代码的写法有问题?

1700 次点击
所在节点    React
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/413824

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX