在做vue移動端單頁面系統開發時遇到一個關於cookie的問題，對於稍微長一點的資料，cookie儲存不完全，不能全部儲存，現給出一個解決辦法，

以下 是對存cookie的封裝，（有問題）

function addCookie(name,value,day){
	//name:關鍵字key,之後根據name 取cookie的值    value：儲存的資料     day: 儲存的時間，單位天   

    var str = name + "=" + value;//問題出在這裡
	const Days = day ? day : Services.cookiesExpires;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
    str += ";expires=" + exp.toGMTString();
    document.cookie = str;
}
 

以下 是正確的程式碼，主要是對儲存的資料進行編碼處理

function addCookie(name,value,day){
	//name:關鍵字key,之後根據name 取cookie的值    value：儲存的資料     day: 儲存的時間，單位天   

    var str = name + "=" + encodeURIComponent(value);//這裡對儲存的資料進行編碼
	const Days = day ? day : Services.cookiesExpires;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
    str += ";expires=" + exp.toGMTString();
    document.cookie = str;

}
 

需要注意的是，因為這裡對資料進行編碼啦，所以取cookie資料的時候需要解碼decodeURIComponent(取出的資料)