vue wechat login

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

運行效果圖