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

最新推荐文章于 2024-07-26 00:29:15 发布

终身成长型

最新推荐文章于 2024-07-26 00:29:15 发布

阅读量1k

点赞数

分类专栏：前端开发文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_45675581/article/details/123013595

版权

前端开发专栏收录该内容

50 篇文章 3 订阅

订阅专栏

下载安装axios和proxy

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

打开nuxt.config.js进行配置

modules:[
	'@nuxtjs/axios',
	'@nuxtjs/proxy'
],
axios:{
	//是否开启跨域
	proxy:true
},
proxy:{
    '/api':{
      target:'http://localhost:4000',
      pathRewrite:{
        '^/api':'',
      }
    }
}

测试请求

<script>
export default {
  name: 'IndexPage',
  async asyncData( { $axios} ){
  	let res = await $axios.get('/api/xuexiluxian.cn');
  	return {
  		a:res.data.a
  	}
  }
}
</script>