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
    }
  }
}
</script>