nuxtjs / axios初始化4.4.0版的方法是什么? (nuxt.js)

问题描述 投票:3回答:1

我想使用nuxtjs / axios模块。

首先,我用npm安装模块

npm install nuxtjs / axios

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

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

当我启动应用程序时

npm run dev

我期待以下输出:

enter image description here

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

enter image description here

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

为什么我看不到上面的消息?

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

browserBaseURL:'/ api'也不起作用。

javascript node.js vue.js axios nuxt.js
1个回答
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

© www.soinside.com 2019 - 2024. All rights reserved.