SameSite と vue-cookie の secure 属性を設定できません

Question

私は vue.js プロジェクトに vue-cookie を使用しています。次のコードから Cookie を設定しています:

リーリー

しかし、Cookie を見ると設定されていませんが、次のコードを使用すると:

リーリー

Cookie が設定されていることがわかります。 どうすればいいですか？ Cookie の設定のスクリーンショットとサンプル コードを添付します。 私はこれを使用していますhttps://www.npmjs.com/package/vue-cookies

Cookieを設定した箇所の強調表示されたテキストを確認してください

属性が使用されていない 2 番目のコード部分を使用すると、Cookie が設定され、Cookie 内でそれを確認できます

Answer 1

これは、安全ではない http:// を使用して開発環境で安全な Cookie を設定しようとしていることが考えられます。

MDN ドキュメントによるとセキュア Cookie に関する説明:

安全なサーバーでこの機能をテストすることも、

セーフ モードで Vue CLI を実行することもできます。これを行うには、プロジェクトのルート ディレクトリの vue.config.js に次の行を追加します。 リーリー これらの設定で開発サーバーを再起動した後、ブラウザに

https://localhost:8080/

と入力してください。http:// と入力すると、リダイレクトではありません。