nuxtjs设置代理解决跨域的问题

1. 下载安装axios和proxy

npm install @nuxtjs/axios @nuxtjs/proxy -S

2. 打开nuxt.config.js进行配置

modules:[

‘@nuxtjs/axios’,

‘@nuxtjs/proxy’

],

axios:{

//是否开启跨域

proxy:true

},

proxy:{

    ‘/api’:{

      target:’http://localhost:4000′,

      pathRewrite:{

        ‘^/api’:”,

      }

    }

}

3. 测试请求

<script>

export default {

  name: ‘IndexPage’,

  async asyncData( { $axios} ){

  let res = await $axios.get(‘/api/xuexiluxian.cn’);

  return {

  a:res.data.a

  }

  }

}

资源下载: