前端发送 ajax 请求的方式
1. xhr new XMLHttpRequest xhr.open() xhr.send() 基本不用
2. jquery(封装的 xhr) $get $post
3. axios(封装的 xhr) 和 jquery 比较 promise 风格的,支持请求拦截器和响应拦截器 是 jquery 的 1/4 体积小
4. fetch(和 xhr 是同级别的) 也是 promise 风格的 但是我们开发中基本用 axios
因为 fetch 响应回来的数据会封装成 2 层数据包装 兼容性差 不支持 ie
npm i axios
解决跨域
5. crors
6. jsonp 借助了 script 标签的 src 属性,不受同源策略的影响 只能解决 get 请求
7. 代理服务器
在vue.config.js 中添加
//开启代理服务器
devServer:{
proxy:'http://localhost:5000'
}
有几个不好的地方,不能转发多个服务器端口,不能设置是不是转发代理。如果本地有资源的话,取本地的就
不转发代理了