nuxtjs下的axios跨域代理

 
更多

在nuxt.config.js配置文件中,添加如下代码:

// Modules: https://go.nuxtjs.dev/config-modules
// modules模块,挂载在vue实例上。

modules: [
  '@nuxtjs/axios'
],

axios: {
  proxy: true,
  prefix: '/api', // 表示给请求的url加个前缀
  credentials: true, // 表示跨域请求时是否需要使用凭证
  //debug: true
},

proxy: {
  '/api': {
    target: process.env.BASE_URL, //需要被代理的接口地址,可根据'测试/线上环境'自动切换接口host
    changeOrigin: true, // 表示是否跨域
    pathRewrite: {
      //'^/api': '/', // 把 /api 替换成 /
    }
  }
},

参考配置的地址:https://axios.nuxtjs.org/options

打赏

本文固定链接: https://www.cxy163.net/archives/2831 | 绝缘体

该日志由 绝缘体.. 于 2018年03月20日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: nuxtjs下的axios跨域代理 | 绝缘体
关键字: , , , ,

nuxtjs下的axios跨域代理:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter