※指摘大歓迎!
背景
- SPA など静的サイトとしてデプロイし、外部の API を実行する。
- nuxt.js で開発する際、CORS 対応として nuxt/axios の proxy 機能を使用する回避策が良く見つかる。
-
yarn dev
などでローカルサーバを起動して動作確認する場合には問題ない。 -
yarn generate
などでビルドした成果物を Web サイトとしてデプロイすると proxy が機能しない。
原因
- 仕様
- ライブラリにも > Proxy support for nuxt server とある。
- https://github.com/nuxt-community/proxy-module
回避策
- proxy 機能を使用しない
- nuxt.config.js の axios 設定に baseURL を指定するのが便利