1. 程式人生 > >vue專案登陸設定cookie、獲取cookie 、刪除 cookie

vue專案登陸設定cookie、獲取cookie 、刪除 cookie

1.定義方法到儲存全域性變數 的 global.js 檔案中
設定 domain 值 const domain= ’ 域名 ‘; 設定該cookie只對 改域名生效

//設定cookie,增加到vue例項方便全域性呼叫

 function setCookie(c_name, value, expiredays) {
  var exdate = new Date();
  exdate.setDate(exdate.getDate() + expiredays);
  let path='/';
 // document.cookie = c_name + "=" +  encodeURIComponent(value)+';expires'
+exdate.toGMTString()+';path='+path+';domain='+domain; 設定成功後不在登陸 document.cookie = c_name + "=" + encodeURIComponent(value)+';expires' + exdate.toGMTString()+';path='+path; };

//獲取cookie、

 function **getCookie**(cname) {
   var name = cname + "=";
   var ca = document.cookie.split(';');
   for (var
i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1); if (c.indexOf(name) != -1) return c.substring(name.length, c.length); } return ""; }

//刪除cookie

 function delCookie (name) {
  var exp = new Date();
  exp.setTime(exp.getTime() - 1);
  var
cval = getCookie(name); if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString(); };

將 global.js 檔案匯出

2.將global檔案 在main.js檔案中引入 並注入到 vue例項上

import global from './global'
Vue.prototype.$global=global;   //全域性變數

3.呼叫方式 ‘SYB_TX[dl_quanxian]’ 為cookie**儲存名**

 _this.global.setCookie('SYB_TX[dl_quanxian]', CookieData.dl_quanxian);
  _this.global.getCookie('SYB_TX[dl_quanxian]'); 
  _this.global. delCookie('SYB_TX[dl_quanxian]') 

如果對您有幫助請關注 檢視更多

相關推薦

vue專案登陸設定cookie獲取cookie 刪除 cookie

1.定義方法到儲存全域性變數 的 global.js 檔案中 設定 domain 值 const domain= ’ 域名 ‘; 設定該cookie只對 改域名生效 //設定cookie

java學習路程(javaEE)之獲取表單資料獲取引數request域會話技術(Cookie)

一.獲取表單資料 //設定瀏覽器資料格式 public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOExcept

Cookie建立-獲取-持久化自動登入購物記錄作用路徑

1、cookie是啥?隨手百度了網友的說說 簡單的說,Cookie就是伺服器暫存放在你計算機上的一筆資料,好讓伺服器用來辨認你的計算機。當你在瀏覽網站的時候,Web伺服器會先送一小小資料放在你的計算機上,當下次你再光臨同一個網站,Web伺服器會先看看有沒有它上

Vue專案通過百度地圖獲取地理定位

Vue 專案中使用百度地圖 一.寫在前面的話,在vue專案中使用H5新特性在IOS手機上開啟vue網頁會有適應性問題,並且無法獲取所在城市,因此使用第三方庫百度地圖api 二.使用步驟 1.獲取百度地圖金鑰 (1).註冊百度開發者帳戶 http://lbsyun.baidu.com/ (2)

Vue專案設定背景圖片方法

 例如css樣式 background:url("../../assets/head.jpg");  1、在data中定義如下: export default { name: 'productdetailspage', data() { return { n

VUE專案,從mongodb後臺獲取的物件陣列,前端對其進行排序

methods: {     //升序排序,js中方法     sortRole (pro) {         return function (a,b) {             var value1 = a[pro];             var val

一個 Yii + vue 專案(3) 解決跨域資料庫配置

ok,有了基礎的環境,就可以寫功能了,首先要實現的功能就是 登陸驗證,這個時候我們還需要建一個數據庫,我在本地建了個數據庫,添加了一個簡單的表 user: user 表的 name 欄位是用來儲存使用者的名字的,而 username 和 password 則是對應的賬號密碼,考慮到

MUI-numbox(數字輸入框),最小值最大值步長獲取設定重定義

本文主要介紹numbox(數字輸入框),最小值、最大值、步長、獲取值、設定值、重定義功能 mui提供了數字輸入框控制元件,可直接輸入數字,也可以點選“+”、“-”按鈕變換當前數值;預設numbox控制元件dom結構比較簡單,如下: <div class="mui-numbox"&g

Vue專案設定背景圖片

在Vue專案開發中我們經常要向頁面中新增背景圖片,可是當我們在樣式中添加了背景圖片後,編譯打包後,配置到伺服器上時,由於路徑解析的問題,圖片並不能夠正確的顯示出來,如下CSS樣式: background:url("../../assets/head.jpg")

vue專案效能優化(路由懶載入gzip加速cdn加速)

前端工程效能優化一說意義深遠悠長,本章主要介紹除了一些基礎優化外如何實行路由懶載入、Gzip加速、CDN加速,讓網頁飛的快一些。 基礎優化 老生常談的一些: 不要在模板中寫複雜的表示式 慎用watch尤其是deep 合理的使用v-if/v-show/v-for 善用keep-alive

vue 專案使用 webpack 構建自動獲取電腦ip地址

問題描述:開發移動端專案時可能需要在手機上除錯或者檢視頁面 解決方案: windows電腦開啟終端輸入 ipconfig 可以檢視電腦的IP地址; mac電腦開啟終端輸入 ifconfig 可以檢視電腦ip; 但是每天 ip 發生變化這樣就很麻煩,每天都需要重新獲取,所以提

Vue專案設定每個單頁面的標題

兩種實現方法,第一種方法引入外掛,第二種為程式設計方式實現(推薦)首先在路由檔案index.js中給每個單頁面路由新增titleroutes: [{     path: '/',     name: '

vue專案設定全域性變數

跟後端對介面,由於有跨域問題前端設定了代理,但是打包放到伺服器上之後就會出現404問題,原因是這個代理不會在線上環境生效,只是給開發時使用。於是讓後臺更改設定,前端需要直接訪問後臺介面,就需要將後臺地址設為全域性變數,可以在每個元件中直接訪問。查詢記錄方法如下: 1. 單獨新建一個全域性變數模組

vue專案設定網站icon

1. 將icon放在與index.html同級的目錄下 2. 在webpack.dev.conf.js中,新增程式碼 var path = require('path') //新增 new HtmlWebpackPlugin({ filename: 'ind

Javascript入門(二)變量獲取元素操作元素

javascrip ima 報錯 nload change -c win attribute ttr 一、變量 Javascript 有五種基本數據類型 number、String、boolean、undefined、null 一種復合類型:object

AJAX獲取節點 [object HTMLInputElement]

問題描述: 1、我想把一個JSP頁面的表單裡的資料,用AJAX非同步提交給資料庫。結果資料庫不改變。 2、第二個問題,我舉個例子在js中的程式碼: <input type="sumbit" name="" id="china"> <script>

離線快取manifest獲取經緯度獲取地圖

一.離線快取manifest作用:伺服器開啟執行一次後,斷開伺服器也能顯示資訊1.建立demo.manifest檔案編輯的內容如下,放在同級目錄或則其他可訪問的位置即可程式碼: CACHE MANIFEST #v1.0.0 CACHE: img/1.png demo14.html 2

Python 讀取檔案下所有內容獲取檔名擷取字元寫回檔案

 Python 讀取檔案下所有內容、獲取檔名、擷取字元、寫回檔案 # coding=gbk import os import os.path #讀取目錄下的所有檔案,包括巢狀的資料夾 def GetFileList(dir, fileList): newDir = dir

go提交json獲取json解析json

猜你喜歡 一、提交json  func main() { url := "http://restapi3.apiary.io/notes" fmt.Println("URL:>", url) var jsonStr = []byte

NSFileManager和檔案的判斷操作獲取目錄檔案建立和目錄建立。

/*首先,建立NSFileManagment物件,   *接著,將ceshi資料夾拖到桌面上使用。可以下載ceshi檔案百度網盤:http://pan.baidu.com/s/1mgms8SK  *==============判斷操作=============  *  *