Impossible de définir le même site et les propriétés sécurisées de vue-cookies

Question

J'utilise vue-cookies pour mon projet vue.js. Je paramétre le cookie à partir du code suivant :

this.$cookies.set('session',response.data.sessionCookie,'7d',null,null,true,'None')

Mais quand je regarde le cookie, il n'est pas défini, mais lorsque j'utilise le code suivant :

this.$cookies.set('session',response.data.sessionCookie)

Je peux voir que le cookie est défini. Que dois-je faire? Vous trouverez ci-joint une capture d'écran de la configuration du cookie et mon exemple de code. J'utilise ceci https://www.npmjs.com/package/vue-cookies

Veuillez vérifier le texte en surbrillance où j'ai défini les cookies

En utilisant le deuxième morceau de code, où aucun attribut n'est utilisé, mon cookie est défini et je peux le voir dans le cookie

Answer 1

Cela peut être dû au fait que vous essayez de définir un cookie sécurisé en utilisant http:// dans un environnement de développement qui n'est pas sécurisé.

Selon la Documentation MDNInstructions sur les cookies sécurisés :

Vous pouvez essayer de tester cette fonctionnalité sur un serveur sécurisé ou exécuter Vue CLI en mode sans échec. Pour ce faire, ajoutez ce qui suit à vue.config.js à la racine de votre projet :

module.exports = {
  devServer: {
    https: true
  }
}

Assurez-vous qu'après avoir redémarré le serveur de développement avec ces paramètres, tapez https://localhost:8080/ dans votre navigateur, il ne sera pas redirigé si vous tapez https://localhost:8080/，如果您键入 http://.