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

Posted

技术标签:

【中文标题】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' 不起作用。

【问题讨论】:

【参考方案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

【讨论】:

以上是关于nuxtjs/axios 4.4.0版本的初始化方法是啥? (nuxt.js)的主要内容,如果未能解决你的问题,请参考以下文章

NuxtJS $axios 通过请求发送 Cookie

为啥代理在浏览器中不起作用(NuxtJS+Axios)?

Vuex 模块 CORS 错误中的 Nuxtjs Axios

Nuxtjs Axios onRequest() 未针对 asnycData 请求执行

nuxt axios代理

AndroidStudio gradle插件和Gradle版本对应表