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 *==============判斷操作============= * *