vue wechat login

vue-wechat-login

introduce

The project is a WeChat authorized login example developed based on vue 3.0 , vant , and typescript .

Please read the CSDN blog and WeChat webpage authorization related documents before use.

Run debug

1. Clone the project and enter the project root directory via terminal

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

2. Install project dependencies

pnpm install

3. Modify APP_URL and APP_ID in the project environment variables

 VITE_APP_API_URL=YOUR API URL
VITE_APP_WECHAT_APP_ID=YOUR APP ID

4. Modify the login interface request address

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

5. Run locally

pnpm dev

6. Pack

pnpm build

Operation renderings