[PHP知识库]关于跨域问题

什么是跨域？

是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。

请求协议，url地址，端口，有一项不同，浏览器就视为跨域。

协议：http：www.(域名)baidu.com （端口）

http://www.yyy.cn/index.html 调用 http://www.xxxyyy.cn/server.php 非跨域

http://**www.xxxyyy.cn**/index.html 调用  http://**www.xxx.cn**/server.php  跨域,主域不同

http://**abc**.xxxyyy.cn/index.html 调用  http://**def**.xxx.cn/server.php  跨域,子域名不同

http://www.xxx.cn:**8080**/index.html 调用  http://www.xxx.cn/server.php  跨域,端口不同

**https**://www.xxx.cn/index.html 调用  **http**://www.xxx.cn/server.php  跨域,协议不同

同源策略：

Cookie、LocalStorage 和 IndexDB 无法读取

DOM 和 JS 对象无法获取

Ajax请求发送不出去

如何跨域？

1.cors

这是后端解决跨域问题的。

设定好响应头内容，告诉浏览器，当前文件允许所有请求的访问，浏览区就不会阻止跨域请求。

2.服务器代理

设定好服务器配置，使用配置的代理名称，发送请求。服务器将跨域请求代理为同源请求，可以获取数据。

如PHP，服务端语言php是没有跨域限制的，让服务器去别的网站获取内容然后返回给页面。

3.jsonp方式

scr标签通过src加载任意文件，其中的内容都会作为js代码来执行。浏览器不会阻止scr属性智行跨域请求。

ajax也支持这个方法，但是只可以实现get请求。

4.proxy方法

vuek框架开发的时候，会遇到跨域问题，可以再config/index.js中设置proxy，使用proxy代理。

module.exports = {
    devServer: {
        //使用代理进行解决跨域的问题
        proxy: {
            '/api2': {
                target: 'http://localhost:3000',
                changeOrigin: true
            },
            '/api': {
                target: 'http://39.97.33.178',
                changeOrigin: true
            }
        }
    }
}