nuxt官方内置模块

Nuxt.js 内置引用了 vuex 模块，所以不需要额外安装

@nuxt/http: 基于ky-universal的轻量级和通用的HTTP请求

@nuxtjs/axios: 安全和使用简单Axios与Nuxt.js集成用来请求HTTP

@nuxtjs/pwa: 使用经过严格测试，更新且稳定的PWA解决方案来增强Nuxt

@nuxtjs/auth: Nuxt.js的身份验证模块，提供不同的方案和验证策略

引入方式：

在nuxt.config.js配置，就可以在具体的组件里使用this.$axios

modules: [

'@nuxtjs/axios'

  ]

使用代理的情况

modules: [

    '@nuxtjs/axios'

  ],

  axios: {

    prefix: '/app',  //在请求路径前，加上 /app

    proxy: true

  },

  proxy: {

    '/app': {

        target: 'http://127.0.0.1:8080', //页面仍然显示 http://localhost:3000,但实际上是//http://127.0.0.1:8080

        pathRewrite: {'^/app': '/test'}    //前面是一个正则表达式,后面是替换后的内容

    }

  },

当我们使用axios发送请求时

如果你使用axios发送请求且路径是/helo/hello,

那么会被axios中的prefix属性加上前缀,即/app/helo/helo

而proxy会使得请求变为，http://127.0.0.1:8080/app/helo/helo

而pathRewrite会把请求变为 http://127.0.0.1:8080/test/helo/helo