对于任何一个网站来说，数据请求都是必不可少的存在。因为有数据交互的存在，才构成了网站的可持续性。

由此可见，对于网站的数据交互对于任意一个网站来说都异常重要。

那么在nuxt项目我们要如何实现和后端数据的交互请求呢？

这里就需要了解@nuxtjs/axios。

一、安装@nuxtjs/axios

//npm方式安装
npm i @nuxtjs/axios 
//yarn方式安装
yarn add @nuxtjs/axios

二、nuxt.config.js配置文件中的处理

modules: [
    '@nuxtjs/axios'
],
axios: {
  // 开启代理 (如果需要判断线上线下环境，可以通过 process.env.NODE_ENV !== 'production' 来判断)
  proxy: true,
  prefix: '/api',
  // 跨域请求时是否需要使用凭证
  credentials: true
},
proxy: {
  '/api': {
    // 目标接口域
    target: 'http://tt.tool.tt',
    // 全局配置是否跨域
    changeOrigin: true,
    pathRewrite: {
      '^/api': '/'
    }
  }
},

三、页面中使用axios

mounted() {
  this.$axios.get("/t/a").then(res=>{
	  console.log(res)
  })
}
//该路径的完整请求接口为http://域名/t/a

如上配置为开启了代理及跨域操作，通过该操作后即可在页面中正常使用axios请求数据。