背景

公司大前端提供的平台里看到了一个功能，在代码中写特定的链接，例如 __REPLACE__，在实际访问时会替换成指定内容，来实现 CDN 的功能。在看到这个功能后，对它具体是怎么实现的比较好奇，因此看看具体是怎么操作的。

实操

nginx 提供了 sub_filter 模块来实现重写 content 的功能。

我们需要找到 nginx 的安装目录，进入其 conf 文件夹，打开 nginx.conf 配置文件。

背景

在日常开发中，一般 Vue 有两种方式解决跨域问题，一是使用 Vue dev server 中的 proxyTable 选项，搭建本地的反向代理服务器，解决跨域；二是与后端小伙伴沟通，让其允许跨域。

但是这是在开发过程中，如果后端小伙伴不想开放跨域，然而我们确实是前后端分离部署会触发到同源策略的话，这下就需要我们搭建基于服务器上的反向代理。

在此之前，我们需要先搞明白一个概念，跨域安全策略是浏览器的一种安全策略，它会将不属于同一个源下的请求 block 掉，其实可以理解成，请求已经发送出去并且服务器已经做出响应，只是被浏览器这个中间人拦截下来了，因为它觉得这是不安全的请求。