前提・実現したいこと
Nuxt.jsを使って、Webサイトの開発をしています。
ブラウザから、外部APIを叩く必要があり、CORS対策のため、@nuxtjs/proxyを使うことにしました。APIとの通信には、axiosを使っています。
APIとの通信時に/hogeというpathだったら、https://fuga.com/fuga?t=${Date.now()}
に遷移するように設定しました。
ここで、実際に実行した際に、バインド先のURL(https://fuga.com/fuga?t=${Date.now()}
)をコンソールで確認したいです。というのも、nuxt.config.tsに書いた${Date.now()}このコードが、APIと通信するごとに変化しているのかと言うのを確認したいためです。
/hogeのURLは確認できるのですが。。
※proxyでの処理がうまく動作していることは確認済みです
該当のソースコード
- nuxt.config.ts
nuxt.config.ts
1 proxy: { 2 '/hoge': { 3 target: `https://fuga.com/fuga?t=${Date.now()}`, 4 pathRewrite: { '^/hoge': '' } 5 } 6 }, 7 axios: { 8 proxy: true, 9 debug: true 10 },
試したこと
- developerツールのネットワークタブで、該当のURLの確認
-> バインド先のURLは確認できず
- nuxt.config.tsのaxiosの設定にdebug: trueを追記する
-> /hogeは確認できるが、バインド先のURLは確認できず
- terminalにでているログを確認
->バインド先のURLは確認できず
補足情報(FW/ツールのバージョンなど)
node 13.8.0
yarn 1.22.0
type 2.8.1
@nuxtjs/proxy 1.3.3
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/04/30 02:16