les paramètres de vue activent les cookies

Avec le développement rapide d'Internet, de plus en plus de personnes s'intéressent à la technologie frontale. En tant qu'élément important du développement front-end, le framework Vue est progressivement devenu le centre de l'attention des gens. Cet article explique comment définir les cookies dans Vue.

Un cookie est un petit fichier texte stocké sur l'ordinateur de l'utilisateur qui peut être utilisé par les sites Internet pour suivre et identifier les différents visiteurs. Lorsqu'un utilisateur visite un site Web, le serveur enverra un cookie contenant un identifiant unique aléatoire à l'utilisateur. Plus tard, lorsque l'utilisateur visitera chaque page du site Web, le navigateur enverra le cookie au serveur pour vérifier l'identité et suivre l'utilisateur. le comportement de l'utilisateur.

L'activation des cookies dans Vue nécessite de définir certains éléments de configuration. Présentons-les un par un ci-dessous.

1. Installez cookie-parser

Tout d'abord, dans le répertoire racine du projet Vue, nous devons utiliser npm ou Yarn pour installer cookie-parser :

npm install cookie-parser
# 或者
yarn add cookie-parser

2. Introduisez cookie-parser

Ensuite, dans notre Vue project , nous devons introduire cookie-parser dans le fichier main.js et définir les informations de configuration correspondantes :

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

Vue.config.productionTip = false

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

3. Définir les cookies

Après avoir configuré cookie-parser, nous pouvons utiliser des cookies dans Vue. Voici un exemple de définition d'un cookie :

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

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

Ici, nous utilisons la méthode this.$cookies.set() pour définir un cookie nommé "name" avec une valeur de "vue". En plus de définir la valeur du cookie, nous pouvons également définir des options liées aux cookies dans le troisième paramètre, telles que le délai d'expiration, etc.

4. Obtenir des cookies

Après avoir défini le cookie, nous devons également obtenir sa valeur. Cela peut être réalisé via le code suivant :

this.$cookies.get('name')

5. Supprimer les cookies

De même, nous devons également supprimer les cookies. Cela peut être réalisé grâce au code suivant :

this.$cookies.remove('name')

6. Désactivez les cookies

Dans de nombreux cas, nous n'avons pas besoin de cookies pour suivre le comportement des utilisateurs, nous devons donc désactiver les cookies dans Vue. Ceci peut être réalisé en définissant les propriétés correspondantes dans Vue.config :

Vue.config.productionTip = false
Vue.config.devtools = false
Vue.config.silent = true
Vue.config.cookie =  false

Les quatre lignes de code ci-dessus désactivent respectivement les invites de production, les outils de développement, la sortie de la console et les cookies de Vue. De cette façon, nous pouvons désactiver les cookies dans Vue.

Résumé

Cet article explique comment définir des cookies dans Vue, notamment l'installation de l'analyseur de cookies, l'introduction de l'analyseur de cookies, la définition et l'obtention de cookies, la suppression des cookies et la fermeture des cookies. Dans le développement réel, nous devons généralement utiliser des cookies pour suivre le comportement des utilisateurs afin de fournir aux utilisateurs des services plus précis. Si vous avez de meilleures suggestions ou une expérience plus pratique sur les paramètres des cookies de Vue, veuillez laisser un message à partager !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!