本文目录：
- 1、为什么配置了七牛cdn后只能访问首页
- 2、create-react-app脚手架项目打包CDN部署
- 3、国内免费CDN加速有哪些?哪个最好?
为什么配置了七牛cdn后只能访问首页
空间在国外，域名没有BA号，想要加快网站的访问速度，一个方法就是使用香港或者日本机房的服务器，国内访问这两个地方的空间相对于美国来说还是挺快的，要是愿意花钱购买更稳定的带宽和线路，网站访问的速度还是有可能赶上上国内的主机速度。另一个方法就是给网站使用CDN加速，国外有很多的免费CDN服务，可惜CDN加速效果并不好，甚至还有可能让网站速度变得更慢。虽然国内近年来也出现了360 CDN、百度CDN、加速乐等免费的CDN服务，不过可惜的是只有BA号的网站才能正常使用CDN。一个折衷的办法就是不给网站做全站CDN加速，而是给网站的JS、CSS、图片、论坛附件等静态文件进行CDN加速。实际测试结果显示，这样做CDN加速效果还是有的，尤其是对于一些图片和附件比较多的网站，加速访问的效果还是很明显的。之前部落已经分享过了Wordpress使用七牛、又拍免费CDN进行加速的方法，本篇文章就来分享一下Discuz论坛使用七牛、又拍、阿里云OSS 免费CDN加速方法。一、申请和开通七牛CDN1、进入到七牛CDN管理后台，新建一个空间。2、然后在镜像存储中设置好镜像源。3、在账号管理中可以看到密钥Access和SecretKey。二、Discuz论坛使用七牛CDN加速JS、CSS、图片等静态文件1、进入到管理中心-全局-上传设置的基本设置，本地附件URL地址填写你七牛相关空间的域名+/data/attachment。2、然后进入到Discuz论坛的“全局”-“服务器优化”。3、在JS文件URL和CSS文件URL选择“自定义URL”，URL上填写你七牛相关空间的域名+/static/js/，如果你的JS和CSS文件放在别的子目录中，可以参照路径进行修改。4、更新Discuz论坛缓存，打开Discuz论坛，这时就能看到JS、CSS等静态文件已经替换成了七牛的CDN地址了。5、原来Discuz论坛上的图片等都已经变成了七牛的连接了。三、Discuz论坛使用七牛、又拍、阿里云OSS存储并加速附件1、上面我们通过建立七牛镜像空间实现了Discuz论坛JS、CSS、图片等无缝CDN加速，可能有的朋友想要把论坛的附件存放在七牛、又拍、阿里云OSS并实现加速。2、先要下载：DISCUZ X3扩展框架DXEXTEND文件（适用于3'; 6、如果使用又拍作为附件存储和加速，代码如下：$_config['extend']['storage']['curstorage'] = 'upyun'; $_config['extend']['storage']['upyun']['bucket'] = 'dztest'; $_config['extend']['storage']['upyun']['username'] = 'dzuser'; $_config['extend']['storage']['upyun']['password'] = 'discuz'; $_config['extend']['storage']['upyun']['attachurl'] = 'dztest'; 7、添加代码完成后，接下来就是在discuz 管理中心-全局-上传设置-远程附件 中启用远程附件，并将 远程访问 URL 设置为 YOUR QINIU DOMAIN（阿里云和又拍同理一样）。8、修改完成后，你在discuz 论坛中上传的附件就会直接上传到七牛、又拍、阿里云OSS空间上了。四、Discuz论坛不修改代码直接使用又拍FTP存储附件1、又拍云和七牛一样也提供了镜像功能，在创建空间时选择此类空间，你就可以参考上面的七牛加速JS、CSS、图片等静态文件的方法了。2、如果你在又拍创建的空间不是镜像CDN，那么你可以直接在Discuz论坛中使用又拍云的FTP远程上传功能。3、这是Discuz论坛开启远程附件的设置方法。五、Discuz论坛使用CDN加速小结1、使用七牛和又拍云的镜像功能可以实现Discuz论坛的JS、CSS、图片等静态文件无缝迁移，避免了使用FTP将大量的文件重新上传到CDN服务器上的麻烦了，CDN加速效果还是很不错的。2、如果你不是使用七牛和又拍云这样的镜像存储服务，而是直接将附件上传并存放在CDN服务器上，那么就要注意一个问题：附件没有存放在自己的服务器上，一旦CDN服务器挂掉了附件可能也没有了。
create-react-app脚手架项目打包CDN部署
因为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）
国内免费CDN加速有哪些?哪个最好?
国内的就 百度云加速、360cdn这些免费的，但是国内的免费cdn都需要备案
如果只需要加速静态文件，可以用七牛云
国外的可以用比较多而且不需要备案，Incapsula，Kloudsec，CloudFlare这些不错，特别是Incapsula还可以用日本和香港的节点。Kloudsec可以用新加坡节点。
【七牛云免费cdn】的内容来源于互联网，如引用不当，请联系我们修改。
网友留言：