这里简单说使用域名绑定 IP，那么可以通过访问域名，DNS 拿到 IP 后访问到我们的服务，IP 有可能会变动，那么更改 IP 后，DNS 也会解析到最新的 IP，这就很方便了
这个在 HTTP 协议中有介绍，访问之前会先通过 DNS 拿到对应的 IP 地址，再通过 TCP/IP 协议与目标 IP 地址建立连接
对于我们的服务集群，来看看示意图
域名绑定的是一个公网 IP，代理服务器与目标服务器是在同一个局域网内，通过内网 IP 通信
使用 SwitchHosts 模拟域名解析访问
可以通过 hosts 文件进行域名和 IP 的映射，像笔者这里是 mac 系统，前面章节为了解决跨域的问题，自己配置了几个域名，还有操作系统自己默认的 localhost 域名映射等信息
代码语言：javascript复制127.0.0.1 localhost
255.255.255.255 broadcasthost
::1 localhost
127.0.0.1 kubernetes.docker.internal
192.168.56.105 shop.shop.cn
192.168.56.107 api.shop.cn上面修改文件的反射是手动的，还有一种更好的方式来达到效果，就是使用一些工具来做这件事情
SwitchHosts 是一个管理 hosts 文件的应用，安装后就可以进行添加，然后按需切换
注意：它的原理是帮你配置的内容覆盖掉 /etc/hosts 中内容，因此在你需要切换的时候，需要将系统默认的配置先复制一份出来，方便切换回去
使用 Nginx 解决跨域问题
既然涉及到域名了，就会出现跨域问题，如下图所示
域名不同，使用 ajax 访问则会出现跨域错误
CORS 跨域资源共享
全称是 Cross-Origin Resource Sharing，允许浏览器向跨 Origin 的服务器发起 js 请求获取响应
可以使用：如下几种方式解决： ● Jsonp：这种方式需要前服务端做特殊的处理 ● SpringBoot Cors 前面章节已经配置过，但是由于当时笔者对 boot jar 包部署方式改成 war 包部署方式，使用起来不方便，后来想到用 hosts 模拟域名方式也没有测试通过跨域是可以的，正常情况下是可以解决的 ● Nginx：反向代理
Nginx 配置静态资源防盗链
通过 ajax 有跨域的限制，但是图片等资源，跨域通过标签直接引用，就不存在跨域问题了，比如在 demo.html 中增加 img 标签
代码语言：javascript复制<img src="http://shop.cn:92/images/header-bg1.jpg">在你本地打开也是能看到该图片的，设置防盗链
代码语言：javascript复制server {
listen 92;
server_name localhost;
# 允许跨域请求的域， * 代表所有
add_header 'Access-Control-Allow-Origin' *;
# 允许带上 cookie 请求
add_header 'Access-Control-Allow-Credentials' 'true';
# 允许请求的方法，如 GET/POST
add_header 'Access-Control-Allow-Methods' *;
# 允许请求的 header
add_header 'Access-Control-Allow-Headers' *;
# ========= 静态资源防盗链配置
# 对源站点验证
valid_referers *.shop.cn;
# 非法引入会进入下方判断，响应 404
# 该变量是 nginx 的内置变量
if ($invalid_referer) {
return 404;
}
location ^~ /images {
root /home/foodie-shop/;
}
}这样配置之后，通过 ajax 和 img 标签访问都不能访问了，通过 img 标签访问的会响应 404 状态码，通过 ajax 访问的会显示跨域
因此如果在 http://shop.cn:93/demo.html 上测试的话，因为至少端口不一样，但是域名是一样的，按道理来说是可以访问的，但是这里的配置是 valid_referers *.shop.cn;
域名对应不上，这里要改成 valid_referers shop.cn; 就可以访问到了
