什么是跨域
简单来理解就是越界了,访问了你不该访问的:
当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域
在前端领域中跨域一直是一个令人头疼的问题,有时候在访问接口去获取数据就会报跨域问题,当然一个项目由一个团队来配合完成,这个跨域问题一般会由后端的伙伴来去解决
为什么会跨域
官方解释:出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口(port)
简单来说:你访问的必须和本地的是一样的,也就是说出于安全考虑,也是一种保护机制吧
如何去解决跨域
那对于不同的技术解决办法也是不同,当然前后端处理跨域的方法也不同,以下处理办法没有先后顺序:
1.前端vue调用axios
在webpack.config.js中去配置
devServer: { historyApiFallback: true, noInfo: true, proxy: { '/api': { //是否允许跨域 changeOrigin: true, t