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>