wkl007 / vue-wechat-login

Vue 3.0 + TypeScript 微信网页授权登录示例

vue-wechat-login

介绍

项目基于vue 3.0 ,vant,typescript开发的微信授权登录示例。

使用前请阅读 CSDN博客 及微信网页授权 相关文档 。

运行调试

1. 克隆项目，终端进入项目根目录

git clone https://github.com/wkl007/vue-wechat-login.git

2. 安装项目依赖

yarn install || npm install

3. 修改项目环境变量中APP_URL与APP_ID

VITE_APP_API_URL=YOUR API URL
VITE_APP_WECHAT_APP_ID=YOUR APP ID

4. 修改登录接口请求地址

static login (data) {
    return request({
      url: '/auth/wechat',// YOUR URL
      method: 'post',
      data
    })
}

5. 本地运行

yarn serve || npm run serve

6. 打包

yarn build || npm run build

运行效果图

vue-wechat-login's Issues

rederect url 默认是localhost 显示参数错误

rederect url 默认是localhost
登陆显示参数错误
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxa662030865c7d7aa&redirect_uri=http%3A%2F%2Flocalhost%3A8080%2F&response_type=code&scope=snsapi_userinfo&state=3z4k0obbg239vh79isw6gm&uin=MTMwNjM4MTMzOQ%3D%3D&key=1250b4fb74031a210c8d4fb3585216235041ad669ea47150ccbfd36ec23baad480efe134447a2b5ff184d00df47ac052&pass_ticket=hzxpzpmNMkNUacT2WSHZE4uMZD1Z1l2pkwpL6BVwSmV2XQx53IMYSxRz4Bwh5ZAON/2yBRivZ989eLtpKQIPvg==

你好在用这个插件过程中遇到问题

try { wechatAuth.returnFromWechat(to.fullPath) } catch (err) { store.dispatch('setLoginStatus', 0) next() } store.dispatch('loginWechatAuth', wechatAuth.code).then((res) => { if (res.code == 200) { store.dispatch('setLoginStatus', 2) } else { store.dispatch('setLoginStatus', 0) } next() }).catch((err) => { next() })
为啥总走这个catch 导致无限跳转
还有这个wechatAuth.code 为啥一直获取不到呢

大佬你好在用这插件遇到一些问题

照搬了代码未发生获取权限页面
哦我知道了

npm run dev?

package.json 有dev选项?

请问大神，我们现在是使用vue开发了app，想实现微信登录，也就是第三方登录，请问这个应该怎么做，另外您的例子我下载下来运行的时候会报 dev无法找到的错误

INFO Starting development server...

卡着半天不动啊

npm run serve 报错？

ERROR Error: No files matching the pattern "E:\黄钦\前端\vue-wechat-login-vue_2.0\src**.{vue,htm,html,css,sss,less,scss}" were found.
Error: No files matching the pattern "E:\黄钦\前端\vue-wechat-login-vue_2.0\src**.{vue,htm,html,css,sss,less,scss}" were found.
at E:\黄钦\前端\vue-wechat-login-vue_2.0\node_modules\stylelint\lib\standalone.js:212:12
at processTicksAndRejections (internal/process/task_queues.js:93:5)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build:dev: vue-cli-service build --mode dev
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build:dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\huang\AppData\Roaming\npm-cache_logs\2020-11-16T02_25_26_868Z-debug.log