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.
- 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!