Vue.js和Flask是兩種流行的Web開發技術。在使用這兩種技術時,有時需要使用Token來驗證用戶身份。
Token是一個被加密的字符串,用于驗證身份和訪問控制。在Vue.js和Flask應用程序中,可以使用Token來防止未經授權的訪問,并保障系統的安全性。接下來,我們將探討如何在Vue.js和Flask應用程序中使用Token。
Vue.js中使用Token的范例代碼: // 發起登錄請求,獲取Token axios.post('/api/login', {username: 'admin', password: '123456'}) .then(response =>{ // 將Token保存到本地存儲 localStorage.setItem('token', response.data.token); }) .catch(error =>{ console.log(error); }); // 使用Token進行其他請求 axios.get('/api/userList', {headers: {'Authorization': 'Bearer ' + localStorage.getItem('token')}}) .then(response =>{ console.log(response.data); }) .catch(error =>{ console.log(error); });
以上代碼展示了如何在Vue.js中發送登錄請求,并在返回的響應中獲取Token。在之后的請求中,將Token添加到請求頭部中,以通過服務器的身份驗證。
Flask中使用Token的范例代碼: from flask import Flask, request, jsonify from flask_jwt_extended import JWTManager, create_access_token, jwt_required app = Flask(__name__) app.config['JWT_SECRET_KEY'] = 'super_secret_key' jwt = JWTManager(app) @app.route('/api/login', methods=['POST']) def login(): username = request.json.get('username') password = request.json.get('password') if username == 'admin' and password == '123456': # 登錄成功,發放Token access_token = create_access_token(identity=username) return jsonify({'token':access_token}) else: return jsonify({'message':'Invalid credentials'}), 401 @app.route('/api/userList', methods=['GET']) @jwt_required() def userList(): # 通過身份驗證,返回用戶列表 return jsonify({'users':['Alice', 'Bob', 'Charlie']}) if __name__ == '__main__': app.run(debug=True)
以上代碼展示了如何在Flask應用程序中創建Token,以及如何在需要身份驗證的請求中使用它。在登錄請求中,檢查用戶名和密碼是否正確,然后使用Flask-JWT-Extended插件創建和發放Token。在用戶列表請求中,使用@jwt_required裝飾器驗證請求的Token,以確定用戶是否有權訪問該資源。
綜上所述,我們可以使用Vue.js和Flask創建Token,并在需要身份驗證的請求中使用它。這將確保系統的安全性,并防止未經授權的訪問。
下一篇python 抓取熱詞