想跳转之后主页内容有相应改变

Question

handleSelect (item) {
window.location.href = ‘/’
}

请问老师在iselect页选择城市跳转到主页之后，主页的城市以及图片还是原来的城市，想问如果操作才能使主页的城市和图片和选择的城市相符？
我观察了一下美团的cookeis里面有跟位置相关的信息，还有美团网址的服务器名好像也是城市的拼音首字母，不知道如何实现。

Answer 1

快乐动起来呀 2018-11-21 09:14:01

如果这样做可以在cookie或者localstorage存储和变量，借助这个变量来指示当前显示哪个，美团是通过借助二级域名来做的

• 提问者 vylss #1

  好的谢谢老师

• 梦无涯1978 回复 提问者 vylss #2

  请问你的方案解决这个问题了吗

• 提问者 vylss 回复 梦无涯1978 #3

  解决了，只是不是ssr渲染而已

点开查看后面9条评论

Answer 2

cddbysj28 2018-12-12 14:54:28

// 使用 vue-router 的编程式导航，页面跳转不会触发 nuxtServerInit 函数
// 可以得到预期结果，如当前城市是北京，在城市选择页面选择上海后，跳回主页所有数据都是上海的
this.$router.push('/')
// 使用浏览器原生的跳转会触发 nuxtServerInit
// 导致页面内容仍然是通过 'geo/getPosition' 获取到的你所在位置的城市对应的内容
window.location.href = '/'

使用vue-router的路由导航代替浏览器的原生跳转API可以解决。当然，这个没有实现数据持久化，刷新就回到了本地城市。

Answer 3

hazard_dong 2019-03-23 17:06:03

123