Nuxt中使用自带的axios

下载

    刚搭建的项目里可能没有 @nuxtjs/axios 最好下载一下

npm install @nuxtjs/axios --save
// or
cnpm install @nuxtjs/axios --save
// or
yarn add @nuxtjs/axios

    下载完后在 package.json 里有依赖

配置

    在 nuxt.config.js 文件里添加配置

plugins: [
],
buildModules: [
],
modules: [
  '@nuxtjs/axios'
],
axios: {
},
build: {
}

使用

<template>
  <div>
    {{project}}
  </div>
</template>
<script>
export default {
  data() {
    return {
   	  user: {},
   	  project: 'default'
    }
  },
  asyncData (ctx) {
     return {
     	project: 'nuxt'
     }
  },
  async mounted() {
    const { status, data } = await this.$axios.get('/users/getUser')
    if(status === 200) {
      this.user = data.user
    }
  },
  methods: {
  }
}
</script>