nuxtjs下的axios跨域代理

goldenlee    前端    999+次    2022-03-23 15:14:38


在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



最新评论

暂无评论

最新评论

网站数据

网站文章数:376

注册用户数:23

TOP