Vue nuxt.config.js 文件被忽略

Question

所以我在項目根目錄中有nuxt.config.js文件，內容如下：

{
  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy'
  ],
  axios: {
    proxy: true,
  },
  proxy: {
    'http://localhost:8080/api/v1': 'http://localhost:3000/api/v1'
  }
}

我一直在努力理解為什么我的呼叫沒有被代理（端點保持不變）然后我注意到即使我打破語法（刪除逗號或括號或其他）並重新啟動服務器，我的應用程序甚至不在乎.

誰能幫我解決問題？

Answer 1

@nuxtjs/proxy 已經包含

@nuxtjs/axios已經包含了@nuxtjs/proxy ，所以不需要單獨安裝； 而且您不需要將其添加到modules數組中：

{
  modules: [
   '@nuxtjs/axios',
   //'@nuxtjs/proxy', // DON'T DO THIS
  ]
}

代理 URL 不正確

目前，您已將目標設置為 append 原始 URL，如本例所示：

http://localhost:8080/api/v1/foo --> http://localhost:3000/api/v1/api/v1/foo
                     ^^^^^^^^^^^                                 ^^^^^^^^^^^

配置應如下所示：

{
  proxy: {
    'http://localhost:8080/api/v1': 'http://localhost:3030'
  }
}

小心重復的axios配置

如果您使用create-nuxt-app ， nuxt.config.js已經包含一個空的axios配置，這很容易被忽略。 如果您在配置 object 的頂部插入您自己的配置，它將被自動插入到 object 底部的空axios配置覆蓋（這會有效地禁用代理）：

// nuxt.config.js
module.exports = {

  // your config
  axios: {
    proxy: true
  },


  //...


  // was automatically inserted; overwrites your config above
  axios: {}
}