虚拟主机3种方式nginx/apache+跨域知识点整理

nginx基于多IP、多端口、多域名访问
1、添加配置文件
2、创建所需目录文件内容
3、curl 测试，浏览器测试
Apache基于多IP、多端口、多域名访问
1、添加网卡三种方法(虚拟机添加网络适配器)
2、命令添加(设置两个端口 配地址 up一下网卡)
3、用nmtui 添加ip地址
(输入nmtui进入会话 在Add后面添加IP)
2、添加配置文件、本地域名解析
添加配置文件
cd /etc/httpd/conf.d
添加配置文件,可以去主配文件/etc/httpd/conf/httpd.conf复制粘贴
本地域名解析
linux本地解析
windows 本地域名解析
3、创建所需目录文件内容
4、关闭防火墙、开启httpd服务
5、curl 测试，浏览器测试

跨域知识点整理
1、降域
对于主域相同而子域不同的情况下，可以通过设置 document.domain 的办法来解决。
2、hash
在url中，改变hash值不会导致页面刷新，所以可以利用hash值来进行数据的传递，当然数据量是有限的.
3.window.name（一般在js代码里出现）的值不是一个普通的全局变量，而是当前窗口的名字，要注意的是每个iframe都有包裹它的window，而这个window是top window的子窗口，而它自然也有window.name的属性，window.name属性的神奇之处在于name值在不同的页面（甚至不同域名）加载后依旧存在（如果没有修改则值不会变化），并且可以支持非常长的name
4、websocket
WebSocket 是一种通信协议，使用ws://（非加密）和wss://（加密）作为协议前缀。该协议不实行同源政策，只要服务器支持，就可以通过它进行跨源通
5、postMessage
postMessage 是 HTML5 新增加的一项功能，跨文档消息传输(Cross Document Messaging)，目前：Chrome 2.0+、Internet Explorer 8.0+, Firefox 3.0+, Opera 9.6+, 和 Safari 4.0+ 都支持这项功能。
6、cors *
CORS 是跨源资源分享（Cross-Origin Resource Sharing）的缩写。它是 W3C 标准，属于跨源 AJAX 请求的根本解决方法。相比 JSONP 只能发GET请求，CORS 允许任何类型的请求。
上面的头信息之中，有三个与 CORS 请求相关的字段，都以Access-Control-开头。
整个 CORS 通信过程，都是浏览器自动完成，不需要用户参与。浏览器一旦发现 AJAX 请求跨域，就会自动添加一些附加的头信息，有时还会多出一次附加的请求，但用户不会有感知。因此，实现 CORS 通信的关键是服务器。只要服务器实现了 CORS 接口，就可以跨域通信。

（1）Access-Control-Allow-Origin

该字段是必须的。它的值要么是请求时Origin字段的值，要么是一个*，表示接受任意域名的请求。

（2）Access-Control-Allow-Credentials

该字段可选。它的值是一个布尔值，表示是否允许发送 Cookie。默认情况下，Cookie 不包括在 CORS 请求之中。设为true，即表示服务器明确许可，浏览器可以把 Cookie 包含在请求中，一起发给服务器。这个值也只能设为true，如果服务器不要浏览器发送 Cookie，不发送该字段即可。

（3）Access-Control-Expose-Headers

该字段可选。CORS 请求时，XMLHttpRequest对象的getResponseHeader()方法只能拿到6个服务器返回的基本字段：Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma。如果想拿到其他字段，就必须在Access-Control-Expose-Headers里面指定。上面的例子指定，getResponseHeader('FooBar')可以返回FooBar字段的值。