怎么给服务器加cdn

在现有的服务器的基础上,域名解析使用带有CDN的IP,在服务器上的子域名以及部署使用的域名都换成带有CDN的IP,所有用户的访问流量将会通过CDN节点的形式进行访问转发。通过不使用真实IP的形式,将源站隐藏起来。

cdn就是将多个建设的网络节点一起组成一层互联网络，来对你的web服务器进行内容分发缓存，为您进行加速服务，而高防cdn就是在节点上增加防御功能。使您的网站不怕攻击。

对于用户而言，当他访问您的网站的时候，cdn内部的智能分配机制就会分配离他最近的节点为他进行服务，节点就会像您的web服务器一样来响应用户的请求，因为距离较近，所以这个时候响应时间和速度相比于您的web服务器会有明显的提升。

给自己的服务器套cdn并没有想象中那么难，可能有些人会觉得肯定需要操作代码命令啥的，但是为了受众广大用户群体，cdn服务厂商都会让这个过程变得更加的简单好上手。

给服务器加cdn的注意点：

当你选择好了cdn相应的套餐之后，您只需要将您的网站域名解析到运营商提供的cname记录值即可，其他的地方不需要做任何修改。

然后再根据您自己的爱好需要，在您的控制台设置一下你想要的流量访问规则等参数。就大功告成了，以后您的网站就多了一个金钟罩来抵御各种网络流量攻击。

因为react项目多为SPA项目，用于生产部署时，存在首屏响应过慢导致用户难以忍受等待时间从而流失问题。一般导致首页响应过慢的原因有很多，网络问题是其中之一。本文记录通过七牛云免费CDN部署react项目。

1.create-react-app创建react项目,并启动项目。

2.项目打包。

此时如果只是普通部署，不要求体验效果时，把build文件下的文件拷贝到静态服务器即可。

接下来考虑如何静态文件CDN部署。

3.修改webpack文件，打包文件的引用路径省车过为CDN路径。

     1. config文件夹下paths.js（修改pathname为cnd的域名）

    2. config文件夹下webpack.config.js 修改output文件名，使用绝对路径。

修改后重新打包，发现index.html中引入css,js的路径皆改成cdn路径。

附加: 上传打包文件至七牛云CDN。（upload.js）

---