vue 代理

前端请求数据,要用ajax,由于浏览器的同源策略,涉及到跨域,解决跨域之后才能访问后端接口
一、常用的发送一个ajax请求:
1、xhr new XMLHttpRequest(),真正开发中不常用
2、jq,jq主要功能是获取dom,周边才是请求接口
3、axios(大名鼎鼎的)

axios.get("url").then(
	response=>{
	},
	error=>{
	}
)

4、fetch fetch包了两层promise,最致命的是不兼容所有IE浏览器

补充:浏览器中输入地址直接回车,是get请求

二、浏览器同源策略:同协议、同地址、同端口,
三、跨域解决办法:
1、cors,前端不处理,后端处理
2、jsionp 利用script src,前端后端都需要处理,虽巧妙但是只能用于get请求
3、代理服务器((1)nginx(2)vue-cli服务)

在这里插入图片描述

//开启服务器
devSever:{
proxy:'http://loacalhost:5000"
}

代理服务并不是把所有请求都发送给5000服务器,vue项目中public就是服务的根目录,如果public中有,代理服务器就直接取public中的内容,不去后端取数据

//开启服务器
devSever:{
proxy:{
"/api':{//前缀
target:http://loacalhost:5000"}
},
"/atanquan':{//前缀
target:http://loacalhost:5000"}
}
}
  • 8
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值