BS架构模式的项目中,跨域是非常常见的。因为浏览器端要访问的资源不一定总在同一域下,那么如何解决跨域是每个前端小伙伴必备的技能。
基本上有三种主流的解决方案
使用JSONP的方式使用反向代理使用跨域资源共享什么是跨域
首先,浏览器中有很多中方式从服务器去加载资源。比如:
a标签的href属性可以从服务器去加载hmtl文件img标签的src属性可以从服务器去加载图片文件link的href属性可以从服务器去加载css文件script的src属性可以从服务器去加载js文件form表单可以和服务器进行交互,既能加载数据也可以提交数据ajax技术可以更加灵活的和服务器进行交互,可加载数据也可以提交数据,且是异步的,不会让整个页面重新加载fetch一个新的异步刷新的api采用promise风格的接口....在浏览器地址栏输入url地址,也可以加载资源....正常情况下,一次正常的访问都是从浏览器中输入url地址开始的,那么第一次一般情况下加载的都是一个html文件也就是我们所说的页面,那么这个html文件所来自的域我们可以成为主域,在html文件被加载的过程中又会发起很多次的请求(参考上述发起请求的方式),而且html中一般会嵌入js,在js中又会有ajax和fetch的这些代码,他们又会在特定的情况下发起请求。那么这些请求的目标服务器所在的域可能和主域并不是同一域,那么如果和主域不是同一个域则发生了跨域请求。
域指的是一个请求地址的协议,域名,端口这三部分,判断两个域是否相同,那就看域中的这三部分是否都一致。
跨域并不一定是问题
比如我们写了个页面,可以在