javascript - nuxtjs/axios 4.4.0版本的初始化方式是什么？ (nuxt.js)

Question

我想使用 nuxtjs/axios 模块。

首先，我用npm安装模块

npm install nuxtjs/axios

然后我在 nuxt.config.js 文件中设置选项。

modules: [
  ['@ nuxtjs/axios', {
    baseURL: 'http://localhost: 4000',
    browserBaseURL: '/api',
  }],
]

当我启动应用程序时

npm run dev

我希望得到以下输出:

在nuxtjs/axios 2.1.0版本中，构建如下。

[AXIOS] Base URL: http: // localhost: 3000 /, Browser: /

为什么我看不到上面的信息？

我觉得可能是asyncData(){}的问题。

还有 browserBaseURL: '/api' 不起作用。

Answer 1

您应该将 axios 模块包含和选项分开。

modules: [
  '@nuxtjs/axios'
],
axios: {
  baseURL: 'http://localhost: 4000',
  browserBaseURL: '/api'
}

这可能只是一个拼写错误，但模块应该使用 npm i -S @nuxtjs/axios 命令(带有 @)安装。

此外，默认情况下 browserBaseURL 设置为 api，因此您不必手动设置它。

请参阅文档以获取更多信息:https://github.com/nuxt-community/axios-module#browserbaseurl