Nuxt.js使用axios的跨域配置

安装axios模块

为了快速入门，Nuxt.js团队创建了脚手架工具create-nuxt-app。在配置项里可以选择安装axios模块。安装过程这里不进行详细描述，详情可参考官方文档Nuxt.js。

配置代理（跨域）

注：以下配置方法是在已安装axios模块的情况下进行的。

1. 安装@nuxt/proxy模块

npm i @nuxt/proxy --save

or

yarn add @nuxtproxy

2. nuxt.config.js中proxy配置

modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy'  //添加proxy模块
  ],
  /*
  ** Axios module configuration
  */
  axios: {
    proxy: true  // 开启proxy
  },
  proxy: [  //proxy配置
    ['/api', {
      target:'https://www.google.com',  //api请求路径
      pathRewrite: { '^/api' : '/' }  //重定向请求路径，防止路由、api路径的冲突
         }]
  ]