关于跨域

什么是跨域？

跨域是因为同源策略，浏览器从一个网页去访问另一个网页的时候，则需要跨域。如图百度不能访问谷歌

什么是同源策略？

同源策略是由Netscape提出的一种安全策略，防止他人窃取信息。

同源策略是指域名、协议、端口都相同。

则浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域

http://www.baidu.com 与 https://www.baidu.com (http、https协议不同)

http://www.123.com与 http://www.456.com（域名不同:123/456）

http://abc.123.com 与 http://def.123.com （子域名不同:abc/def）

http://www.123.com:8080与http://www.123.com:8081/server.php （端口不同:8080/8081）

webpack中如何解决跨域？

webpack 内置了 http-proxy-middleware 可以解决 请求的 URL 代理的问题，需要代理的 pathname 要加 /。

webpack需要webpack-dev-server， 设置proxy属性，

devServer: {
    hot: true,
    port: 8080,
    stats: {colors: true},
    proxy: {
        "/pcmanager-web": {
            target: "http://...../",
        }
    },