nuxtjs/axios 4.4.0版本的初始化方法是什么？ (nuxt.js)答案

【问题标题】：nuxtjs/axios What is the way to initialize version 4.4.0? (nuxt.js)nuxtjs/axios 4.4.0版本的初始化方法是什么？ (nuxt.js)
【发布时间】：2018-04-18 07:37:22
【问题描述】：

我想使用 nuxtjs/axios 模块。

首先，我使用 npm 安装模块

npm install nuxtjs/axios

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

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

当我启动应用程序时

npm 运行开发

我希望得到以下输出：

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

[AXIOS] 基本 URL：http://localhost:3000/，浏览器：/

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

我认为这可能是因为 asyncData () {} 的问题。

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

【问题讨论】：

标签： javascript node.js vue.js axios nuxt.js

【解决方案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

【讨论】：