在前后端都没有进行跨域操作时,发送请求就会报这样的错误
用前端代码跨域
浏览器有同源策略的限制所以需要用代理服务器中转
在config的index.js文件中
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: 'http://192.168.1.4:8080/', // 你请求的第三方接口
changeOrigin: true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
pathRewrite: { // 路径重写,
'^/api': '' // 替换target中的请求地址,也就是说以后你在请求http://api.douban.com/v2/XXXXX这个地址的时候直接写成/api即可。
}
}
}
}
重启项目,请求已经有响应,打印then的resoponse,data中数据为后台返回的值
此时发送的请求为
用后端代码跨域
在controller层加个注解@CrossOrigin
前端的代码不处理跨域请求依然有响应
此时的url和前端做跨域是不同的
我的前端项目的端口是8081,后端代码的端口为8080
get和post的区别
- get参数暴露,post不暴露(http都是明文,要是要安全用https)
- get只接收ASCII字符,post不限
- get和post本身对内容的长度没有限制,但是浏览器会限制get参数的长度
- get发送一个包,而post发送两个(firefox发送一个),post会先发送header,再发送body。发两次包的情况下,校验严谨,安全性提升显著
总所周知,请求带参数的方式为params和data两种。一般情况下get使用params,post使用data。特殊情况下post也可以用params带参数。但是get不能用data带参数。