【Nuxt】指定のportで立ち上げるとaxiosの通信先も変更されてしまう

Question

前提・実現したいこと

Rails APIとNuxtの開発を行っており、Nuxtはlocalhost:5000,Railsはlocalhost:3000で立ち上げており、NuxtからRailsへの通信を行いたいと考えています。

発生している問題・エラーメッセージ

Nuxtからはaxiosで通信しています

this.$axios.$get('/api/v1/index')

ですが、通信先が http://localhost:5000/api/v1/indexとなってしまい、localhost:3000にうまく接続できない状態です

該当のソースコード

nuxt.config.jsの過去のコードで、Nuxtサーバーの立ち上げ指定とaxiosの設定を行っています

target: 'server',
・・・ 
 server: {
    port: 5000,
    host: 'localhost'
  },
・・・
  axios: {
    proxy: true
  },
  proxy: {
    '/api/v1': { target: 'http://localhost:3000', pathRewrite: {'^/api/v1': ''} }
  },

こちら、どこに問題があるかお教えいただけると幸いです。よろしくお願いします。

Answer 1

package.jsonの方で立ち上げポートの指定を行って

　・・・
  "scripts": {
    "dev": "HOST=localhost PORT=5000 nuxt",
    "build": "nuxt build",
　・・・
  },

nuxt.config.jsのproxyでの接続先をlocalhostではなく``にしたらうまく行きました。

  proxy: {
    '/api': 'http://[::1]:3000'
  },

apiをdockerで立てていたので、接続がうまくいってなかったみたいです。