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



上一篇: uniapp增加百度评论组件/动态组件

下一篇: 一文搞懂高并发性能指标:QPS、TPS、RT、并发数、吞吐量

最新评论

暂无评论

热门文章

最新评论

网站数据

网站文章数:483

今日UV/PV/IP:15/15/15

昨日UV/PV/IP:19/22 /19

TOP