xuiwife / vue-wechat-login

微信公众号移动端授权登录示例

vue-wechat-login

移动端微信公众号授权登录示例，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:dev || npm run build:dev
yarn build:pro || npm run build:pro

运行效果图