You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
前段 vuex の actions 内で this.$axios を使ってAPIを叩きたい。 エンドポイントは 環境ごとに分けたい。 - local : http://localhost:3000/api - production : http://hogehoge.jp/api しかし、現在ローカルでは axios: { host: 'localhost', port: 3000, prefix: '/api' // See https://github.com/nuxt-community/axios-module#options }, と定義していた。 @nuxtjs/dotenvの導入 環境ごとにエンドポイントの設定を分ける方法として、 @nuxtjs/dotenv を導入する。 /package.json "dependencies": { "@nuxtjs/dotenv": "
この記事では、サーバーサイドレンダリングする Universal モードの Nuxt.js フロントアプリと、それとは異なるサブドメインで運用される Web API という構成でクッキー認証とCORSを実現する方法を紹介します。 Nuxt でアプリケーションを構築する場合、サーバーサイド(というかデータ取得部分)は Web API になるでしょう。そして Web API での認証といえば JWT を用いたステートレスなトークン認証が一般的かと思います。しかし JWT を LocalStorage に格納する実装は脆弱なアンチパターンであると主張する記事や以下参考リンクの記事を読み、フロントエンド + Web API な構成でもクッキーで認証を行い CORS でクロスサイトなアクセスを防ぐ実装パターンを考えてみました。 今回の実装パターンは以下の記事を参考にしました。 独自ヘッダをチェックす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く