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
  1. 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路径的冲突
         }]
  ]
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 我们这样一个年纪,有情绪了,该怎么发泄呢?
    简书小天阅读 182评论 0 0
  • 我喜欢运动,但却不懂体育。因为家里有一个半吊子体育爱好者,所以我也就不自觉地附庸了风雅。这不,里约的奥运会我也跟着...
    绿之远行阅读 389评论 2 2
  • 穿梭了一片又一片的 竹林 蹭了一杆又一杆的 鲜竹 是在寻找月色下的 足迹 静静聆听竹下时光的 呢喃 亦或只想盛下一...
    陈糊涂阅读 380评论 4 4
  • 呆木子吖阅读 154评论 0 1