政务钉钉 H5项目PC端手机端同步调试(前端)

可能写的有些乱,大家包含
后端给了我一个代理啥的,重定向路由。
政务钉钉 H5项目PC端手机端同步调试(前端)_第1张图片
政务钉钉 H5项目PC端手机端同步调试(前端)_第2张图片
根据自己电脑打开 windows_64文件,cmd运行 .\ding.exe -config=.\ding.cfg -subdomain=ip(根据后台给的来) 端口(80,根据自己项目启动的端口来)
运行成功后是这样的
政务钉钉 H5项目PC端手机端同步调试(前端)_第3张图片
这里启动好以后就需要去前端配置了

由于pc和手机 登录返回值不一样
点击专有钉钉
浏览器头部是这样的
在这里插入图片描述
拿到auth_code 后用于请求接口
pc接口返回值:
政务钉钉 H5项目PC端手机端同步调试(前端)_第4张图片

手机端返回值
政务钉钉 H5项目PC端手机端同步调试(前端)_第5张图片
这里可以看到手机返回值和pc返回值不一样,手机上是code。
拿到code后,请求接口
手机接口返回值:
政务钉钉 H5项目PC端手机端同步调试(前端)_第6张图片

这一步是在路由里截取url参数的
先看一下项目结构
政务钉钉 H5项目PC端手机端同步调试(前端)_第7张图片
再看一下处理代码
分为pc端处理和手机端处理
pc端处理:
政务钉钉 H5项目PC端手机端同步调试(前端)_第8张图片
手机处理:
政务钉钉 H5项目PC端手机端同步调试(前端)_第9张图片

方法代码:

// 导航守卫,渲染动态路由
router.beforeEach(async (to, from, next) => {
   
	console.log(to);
	console.log(from);
	var str = JSON.stringify(to)
	if (to.path ==

你可能感兴趣的:(浙政钉,ts,vue.js)