忽略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不正确

当前，您已将其设置为将原始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，则create-nuxt-app已经包含一个空的nuxt.config.js配置，很容易错过。如果您在配置对象的顶部插入了自己的配置，它将被已自动插入对象底部的空axios配置覆盖（实际上会禁用代理）：

axios