md5在vue中的axios請求時加密API

1.安裝axios

npm install axios

2.安裝MD5

npm install js-md5

3.在vue項目中得main.js中全局引入

import axios from 'axios';
import md5 from 'js-md5';

4.在main.js中加入以下代碼

const http = axios.create({ 	// 創(chuàng)建一個擁有通用配置的axios實例
 	timeout: 1000 * 30,	       // 請求超時時間（毫秒）
	withCredentials: true,	  // 是否攜帶cookie信息
	headers: {               // 頭部信息
    	'Content-Type': 'application/json; charset=utf-8'
    }
})

http.interceptors.request.use(config => { 		//添加一個請求攔截器
	      // 請求頭帶上token	在發(fā)送請求之前做某事
	      let time = new Date().getTime();
	      config.params['time'] = time;
	      config.headers['sign'] = md5('與后臺對應的字符串'+time);
	      return config
    }, error => {
    	  return Promise.reject(error)
})

Vue.prototype.$axios= http;

5.在組件中運用axios即可

this.$axios({
     method: 'POST',
     url:'項目的請求地址',
     params: params
}).then((res)=>{
    //成功的回調
    console.log(res)；
},function(error){
    //失敗的回調
    console.log(error);
})

接口安全要求

• 防偽裝攻擊（案例：在公共網絡環(huán)境中，第三方 有意或惡意 的調用我們的接口）
• 防篡改攻擊（案例：在公共網絡環(huán)境中，請求頭/查詢字符串/內容 在傳輸過程被修改）
• 防重放攻擊（案例：在公共網絡環(huán)境中，請求被截獲，稍后被重放或多次重放）
• 防數(shù)據(jù)信息泄漏（案例：截獲用戶登錄請求，截獲到賬號、密碼等）

接口參數(shù)簽名 實現(xiàn)思路參考

必要的輸入?yún)?shù)：

簽名算法過程：

1. 對除簽名外的所有請求參數(shù)按key做的升序排列,value無需編碼。（假設當前時間的時間戳是12345678）

例如：有c=3,b=2,a=1 三個參，另加上時間戳后， 按key排序后為：a=1，b=2，c=3，_timestamp=12345678。

2. 把參數(shù)名和參數(shù)值連接成字符串，得到拼裝字符：a1b2c3_timestamp12345678

3. 用申請到的appkey 連接到接拼裝字符串頭部和尾部，然后進行32位MD5加密，最后將到得MD5加密摘要轉化成大寫。

示例：假設appkey=test，md5(testa1b2c3_timestamp12345678test)，取得MD5摘要值 C5F3EB5D7DC2748AED89E90AF00081E6 。

MD5加密算法：MD5為計算機安全領域廣泛使用的一種散列函數(shù)，用以提供消息的完整性保護。對MD5加密算法簡要的敘述可以為：MD5以512位分組來處理輸入的信息，且每一分組又被劃分為16個32位子分組，經過了一系列的處理后，算法的輸出由四個32位分組組成，將這四個32位分組級聯(lián)后將生成—個128位散列值。

MD5被廣泛用于各種軟件的密碼認證和鑰匙識別上。MD5用的是哈希函數(shù)，它的典型應用是對一段信息產生信息摘要，以防止被篡改。MD5的典型應用是對一段Message產生fingerprin指紋，以防止被“篡改”。如果再有—個第三方的認證機構，用MD5還可以防止文件作者的“抵賴”，這就是所謂的數(shù)字簽名應用。MD5還廣泛用于操作系統(tǒng)的登陸認證上，如UNIX、各類BSD系統(tǒng)登錄密碼、數(shù)字簽名等諸多方

總結

1、接口調用方和接口提供方約定好統(tǒng)一的參數(shù)加密算法

2、接口調用方在調用時把加密后的_sign放在參數(shù)中去請求接口

3、接口提供方接到響應后，判斷時間戳是不是在有效時間內（這個時間間隔根據(jù)你的安全范圍可以是10分鐘，5分鐘，20秒等，過期失效，前提是需要保證接口提供方和調用方的服務器時間為準確的網絡同步時間）

4、把參數(shù)中除了_sign以外的參數(shù)進行加密，然后把加密結果和傳過來的_sign比較，相同則執(zhí)行調用請求。

5、如果服務器和客戶端的時間沒有同步，可以返回錯誤的同時候在返回一個服務器的當前時間，客戶端接收到該錯誤后再請求上一個接口，時間則傳服務器剛剛返回的時間

6、如果用戶還沒有登錄時，還沒有token之類的唯一標識時，可以和服務端定義一個固定的標識來使用就行。

7、涉及到比較重要的信息，可以用AES對value進行加密，防止抓包拉取到上傳的數(shù)據(jù)。

8、追求安全可以考慮https的雙向驗證模式 + 參數(shù)的sign簽名的規(guī)則雙重驗證達到安全的請求后臺。

以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論