jayliwanag/vue-wechat-login

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

vue-wechat-login

介绍

项目基于vue 3.0 ,vant,typescript开发的微信授权登录示例。点击查看 vue 2.0 版本代码。

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

运行调试

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

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

2. 安装项目依赖

yarn install || npm install

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

VUE_APP_API_URL=YOUR API URL
VUE_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

运行效果图