webpack多页面，公共部分数据共享需要怎么做？

Question

项目使用的是jquery+webpack多页面的前后端分离模式开发，前端页面中都有公共部分头部，头部包含用户账号和头像，现在需要怎么做，在登录后，能在每个页面中都能共享头部的信息，类似vuex的数据状态共享？

Answer 1

首先纠正一件事情，vuex是单页系统用的，数据存在内存中。如果页面刷新了，vuex里的数据也就没了。
然后，我提供一种思路吧：
你可以通过登录以后的会拿到session、头像、用户名等，可以放在cookie里，由于请求都会带上cookie，所以，后端需要校验session，如果过期了，就返回给前端错误信息，比如“请重新登录”。那如果用户session未过期，无论是头像、用户名等关于用户的信息，都可以从cookie里取，不需要每次请求登录接口。

Answer 2

你把头部单独做成一个组件 或是模块 不就行了么？

Answer 3

我们的项目就是jquery+webpack，我们有个接口是判断用户是否登录，里面存在用户的账户名等基本信息，我的实现思路是，在每个页面获取是否登录，如果需要登陆就跳到登陆页，如果已经登录就将数据传给头部公共组件的js文件

页面js

公共头文件js

现在开发已经接近尾声，目前还没出现什么问题，也是第一次使用jquery+webpack开发，所以思路不知道对不对，大家互相学习

Answer 4

您以前关于h5页面保存图片到手机这个问题请问解决了么 怎么解决的，我现在也遇到了同样的问题，想请教您。刚注册未满24个小时 ，不能发私信 ，只能这样问您了

Answer 5

webpack就是个坑，配置复杂的一逼文档还烂