Vue.js是一個流行的JavaScript框架，用于構建交互式Web界面。在許多應用程序中，用戶需要通過身份驗證來訪問受保護的資源。通常情況下，這可以通過使用OAuth2授權框架來實現。OAuth2授權框架允許用戶通過授權服務器獲得訪問受限資源的權限，而不需要通過在每個受保護的資源上進行身份驗證。

在OAuth2授權框架中，當用戶嘗試訪問受保護的資源時，授權服務器將返回一個授權代碼，也稱為code。要獲取授權代碼，應用程序需要向授權服務器發送請求，并提供正確的憑據和重定向地址。

const oauthUrl = 'https://example.com/oauth/authorize';
const clientId = 'YOUR_CLIENT_ID';
const redirectUri = 'http://localhost:3000/auth/callback';
const authUrl = `${oauthUrl}?client_id=${clientId}&redirect_uri=${redirectUri}&response_type=code`;
window.location.replace(authUrl);

以上代碼展示了如何構造OAuth2授權請求URL。這里要指定OAuth2授權服務器的URL、應用程序的客戶端ID以及重定向URI。最后，使用window.location.replace方法進行重定向，將用戶重定向到授權服務器的登錄頁面。

在用戶成功完成身份驗證后，授權服務器將重定向用戶回指定的重定向URI，并在查詢參數中包含授權代碼。

import { parse } from 'qs';
const query = parse(window.location.search, { ignoreQueryPrefix: true });
const code = query.code;

以上代碼展示了如何從查詢參數中獲取授權代碼。這里使用了qs庫來解析查詢參數。注意，授權代碼只應使用一次，并且應在一定時間內使用。過期的授權代碼將無效。