Vue-Einstellungen aktivieren Cookies

PHPz
Freigeben: 2023-05-25 10:06:37
Original
1810 Leute haben es durchsucht

Mit der rasanten Entwicklung des Internets achten immer mehr Menschen auf Front-End-Technologie. Als wichtiger Teil der Front-End-Entwicklung ist das Vue-Framework nach und nach in den Mittelpunkt der Aufmerksamkeit der Menschen gerückt. In diesem Artikel erfahren Sie, wie Sie Cookies in Vue setzen.

Ein Cookie ist eine kleine Textdatei, die auf dem Computer des Benutzers gespeichert wird und von Websites verwendet werden kann, um verschiedene Besucher zu verfolgen und zu identifizieren. Wenn ein Benutzer eine Website besucht, sendet der Server ein Cookie mit einer zufälligen eindeutigen Kennung an den Benutzer. Wenn der Benutzer später jede Seite der Website besucht, sendet der Browser das Cookie an den Server, um die Identität zu überprüfen und zu verfolgen Verhalten des Benutzers.

Das Öffnen von Cookies in Vue erfordert das Festlegen einiger Konfigurationselemente. Wir stellen sie unten einzeln vor.

  1. Cookie-Parser installieren

Zunächst müssen wir im Stammverzeichnis des Vue-Projekts npm oder Yarn verwenden, um Cookie zu installieren. Parser:# 🎜🎜#

npm install cookie-parser
# 或者
yarn add cookie-parser
Nach dem Login kopieren

    Einführung des Cookie-Parsers
Als nächstes müssen wir in unserem Vue-Projekt den Cookie-Parser in main.js einführen Datei und legen Sie die entsprechenden Konfigurationsinformationen fest:

import cookieParser from 'cookie-parser'
Vue.use(cookieParser())

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')
Nach dem Login kopieren

    Cookie setzen
Nach der Konfiguration über den Cookie-Parser können wir Cookies in Vue verwenden. Das Folgende ist ein Beispiel für das Setzen eines Cookies:

this.$cookies.set('name', 'vue')

// 设置cookie的时候,我们还可以设置一些选项来控制cookie过期时间等
this.$cookies.set('name', 'vue', {
  expires: 7 // 过期时间为7天
})
Nach dem Login kopieren

Hier verwenden wir die Methode this.$cookies.set(), um ein Cookie namens „name“ mit dem Wert „vue“ zu setzen. Zusätzlich zum Festlegen des Cookie-Werts können wir im dritten Parameter auch Cookie-bezogene Optionen festlegen, z. B. Ablaufzeit usw.

    Cookie abrufen
Nachdem wir das Cookie gesetzt haben, müssen wir auch seinen Wert ermitteln. Dies kann durch den folgenden Code erreicht werden:

this.$cookies.get('name')
Nach dem Login kopieren

    Cookies löschen
Ebenso müssen wir auch Cookies löschen. Dies kann mit folgendem Code erreicht werden:

this.$cookies.remove('name')
Nach dem Login kopieren

    Cookies schließen
In vielen Fällen benötigen wir keine Cookies, um das Benutzerverhalten zu verfolgen. Dann müssen wir Cookies in Vue deaktivieren. Dies kann durch Festlegen der entsprechenden Eigenschaften in Vue.config erreicht werden:

Vue.config.productionTip = false
Vue.config.devtools = false
Vue.config.silent = true
Vue.config.cookie =  false
Nach dem Login kopieren

Die oben genannten vier Codezeilen deaktivieren jeweils die Produktionsaufforderungen, Entwicklungstools, Konsolenausgabe und Cookies von Vue. Auf diese Weise können wir Cookies in Vue deaktivieren.

Zusammenfassung

In diesem Artikel wird beschrieben, wie Sie Cookies in Vue setzen, einschließlich der Installation des Cookie-Parsers, der Einführung des Cookie-Parsers, des Setzens und Abrufens von Cookies, des Löschens von Cookies und des Schließens von Cookies. In der tatsächlichen Entwicklung müssen wir normalerweise Cookies verwenden, um das Benutzerverhalten zu verfolgen und den Benutzern genauere Dienste bereitzustellen. Wenn Sie bessere Vorschläge oder praktischere Erfahrungen zu den Cookie-Einstellungen von Vue haben, hinterlassen Sie bitte eine Nachricht zum Teilen!

Das obige ist der detaillierte Inhalt vonVue-Einstellungen aktivieren Cookies. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage