在实现微信登录功能时，调用后端接口接收授权链接，通过授权链接获取授权后获取到用户信息，前端如何定向回到原来的页面，并且把用户信息渲染到页面

在实现微信登录功能时，前端通常会经历以下几个步骤：

1. **触发登录请求**：当用户点击微信登录按钮，前端发送一个请求到后端，这个请求包含跳转到微信授权页面的URL。后端会调用微信开放平台的API生成授权链接。

// 示例代码
axios.post('/auth/wechat', { state: Math.random() }).then(response => {
    const authUrl = response.data.auth_url;
    window.location.href = authUrl; // 跳转到微信授权页
});

2. **微信授权并回调**：用户在微信授权成功后，会跳转回应用提供的回调地址（通常是应用服务器的URL加上特定的路径），携带code参数。

3. **验证并获取用户信息**：前端接收到回调后，再向后端发送code换取access_token和用户信息。后端负责与微信OAuth服务器交互，获取到用户数据后返回给前端。

window.location.hash = `#access_token=${accessToken}&openid=${openid}`;

这里使用`hash`改变是为了避免直接暴露敏感信息，实际项目中可能需要结合后端处理。

4. **渲染用户信息**：前端解析`hash`或从后端获取的数据中提取出用户信息，然后刷新当前页面或者使用JavaScript操作DOM，将用户信息展示出来。

document.addEventListener('DOMContentLoaded', function() {
    const accessToken = location.hash.slice(1).split('&')[0].split('=')[1];
    // ... 解析用户信息，如 user = JSON.parse(atob(accessToken.split('.')[1]));
    document.getElementById('user-info').innerText = '欢迎 ' + user.name;
});

5. **定向回原页面**：由于我们在回调时已经改变了页面结构，所以不需要额外的路由操作，因为页面已经是用户想要看的页面。如果原始页面有某种状态保持机制（比如localStorage、sessionStorage或路由参数），可以恢复页面的状态。