在使用NuxtJS进行项目开发的时候不可避免的要涉及到数据请求尤其是服务器端的异步数据请求。首先我们在官网中看下异步数据请求中在对asyncData 方法,进行介绍的是提到了。
我们使用 axios 重构 HTTP 请求, 我们 强烈建议您 使用 axios 模块 用于您的Nuxt项目中。
看到没?强烈推荐axios,想必axios大家并不陌生了。
那么axios如何在Nuxt.js中使用呢?
我们可以直接
npm install axios
通过安装axios 来进行数据获取,同时也可以使用Nuxt.js中自带的@nuxtjs/axios
虽然是自带的但也不是直接就能拿来用的,我们需要在nuxt.config.js中对@nuxtjs/axios进行简单的配置以后就可以使用了
module.exports = { modules: [ '@nuxtjs/axios', ]}
当然,如果有必要我们还可以对nutjs/axios进行更多的配置
axios: {proxy: true, // Can be also an object with default optionsretry: {retries: 3 //默认情况下,如果将 retry 值设置为 true,则重试次数将为3次。您可以通过传递这样的对象来}, credentials: false, // 表示跨域请求时是否需要使用凭证 debug: process.env._ENV == "production" ? false : true,//设置不同环境的请求地址 baseURL: process.env.BASE_URL || "https://www.baidu.com