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. 安装项目依赖

pnpm 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. 本地运行

pnpm dev

6. 打包

pnpm build

运行效果图