把res文件夹放到服务器上，本质上是让Cocos Creator在游戏启动时通过URL动态加载资源，而不是随安装包打包进本地。 你只需要在构建面板里勾选“远程资源”选项，再把生成的res目录整体上传到任意可访问的静态服务器，游戏就能从远端读取图片、音频、动画等资源，很多新手会直接拷贝res文件夹到服务器，结果发现游戏还是从本地读资源，问题就出在构建配置上，Cocos Creator打包时默认会把res压缩进包体，只有你明确开启“远程资源”模式，引擎才会在运行时拼接远程地址去加载。
实操：cocos creator 资源远程加载 配置步骤
以下配置流程适用于Cocos Creator 2.x和3.x，整体逻辑一致，我用一个实际项目来演示，从构建到上传服务器，你需要经历几个关键节点。
第一步：在构建面板中勾选“远程资源”开关
打开Cocos Creator，选择需要发布的平台，比如Web Mobile或Android，在构建发布面板里，找到“资源管理”或“远程资源”相关选项。
- Cocos Creator 3.x：构建面板中有“资源服务器地址”输入框，旁边有“使用资源服务器”复选框。
- Cocos Creator 2.x：构建面板底部有“资源服务器地址”选项，勾选后输入URL即可。
这里要注意,勾选“远程资源”后，构建出的包体内只保留启动场景和必要的脚本，其余所有原始资源都不会被打进安装包，业界把这种模式称为“资源远程化”，它能显著减小首包体积，加快审核通过速度。
第二步：填写可访问的资源服务器地址
输入框里填的地址,是游戏运行时拼接资源路径的根目录，你需要填写一个绝对URL，
https://cdn.example.com/game/res
而不是相对路径,这个地址必须能被所有目标玩家直接访问，不能是本地IP或localhost，如果你用的是简米云OSS或酷番云COS，就填Bucket的域名；如果自己买服务器，就填http://服务器IP:端口。
第三步：将构建生成的res文件夹上传到服务器对应目录
构建完成后,在项目的build目录下找到生成的版本文件夹，里面通常包含这样的目录结构：
assets或res（存放图片、音频、预制体等）src（存放代码逻辑）settings（存放配置）main.js或index.js
你需要把res整个文件夹原样上传，不要只上传其中一部分文件，更不要改名，保持目录层级不变，否则引擎按照预设路径找不到资源，推荐方式：
- 使用FTP工具（FileZilla、WinSCP）直接把res文件夹拖到服务器的web根目录
- 使用云存储控制台上传,并开启静态网站托管
- 使用命令行工具,比如
ossutil cp -r res/ oss://你的存储桶/路径/
上传完成后,访问一下你的资源服务器地址/res/import/xx.json这类具体文件路径，浏览器能返回内容就说明服务器配置没问题。
res文件夹放服务器上怎么打包：分场景避坑指南
很多开发者会在这一步卡住,明明按照教程做了，但不同平台的表现千差万别，我把实际踩过坑的地方整理出来，按场景拆开讲。
安卓和iOS平台的路径处理差异
打包原生平台时,远程资源地址不能写http://localhost，因为手机访问的是自己，不是你的电脑，你需要填外网可访问的服务器地址，原生平台对明文HTTP做了限制，安卓9.0以上默认不允许http明文流量，iOS也要求https，解决方案是：
- 将服务器配置成HTTPS证书
- 安卓在
AndroidManifest.xml中配置android:usesCleartextTraffic="true"（仅限测试环境）
从实际体验来说,直接用HTTPS域名是最省事的，后面涉及跨域和安全策略一起解决了。
小游戏平台：微信小游戏必须走“远程资源”机制
微信小游戏有2MB主包大小限制,所以绝大多数微信小游戏项目都会把res文件夹放服务器，在微信开发者工具中，你需要在game.json里配置resUrl，或者在Cocos构建时填好地址，这里有个关键点：微信小游戏的远程资源不能使用传统HTTP直接访问，必须通过服务器配置合法的域名，且要在微信后台添加下载域名白名单，如果没配置，控制台会报错：“downloadFile:fail url not in domain list”。
跨域问题：服务器必须开CORS
把res文件夹放服务器后,最常见的报错是浏览器控制台出现Access-Control-Allow-Origin，这是因为Web端游戏从域名A读取资源，而资源在域名B，浏览器默认不允许跨域读取，服务器端需要开启CORS，以Nginx为例，配置：
add_header Access-Control-Allow-Origin ; add_header Access-Control-Allow-Methods GET, POST, OPTIONS;
以OSS为例,在跨域设置里添加跨域规则，来源填，允许方法选GET和HEAD，行业共识认为，资源服务器是否开启跨域，直接决定游戏能不能正常加载，这一步不能漏。
常见报错排查：远程资源加载失败、白屏、版本不更新
配置完一切正常,但运行起来还是有问题，我按频率排序整理几个典型的坑。
路径大小写和斜杠方向
在Windows上文件名不区分大小写,但服务器上的Linux系统严格区分，如果你本地的资源是assets/Texture/hero.png，传到服务器后变成了texture/hero.png，就会404，建议在项目中使用小写字母命名资源，上传时保持目录结构。
资源版本号没更新
Cocos的远程加载依赖内部生成的版本配置文件（通常叫config.json或settings.json），每次构建后，这个配置文件会记录资源的新MD5值，如果你只上传了res文件夹，却把版本配置文件留在本地，游戏启动时会用旧的版本号去拉取资源，导致缓存不更新，正确做法是每次发版都上传新版res文件夹和配置文件，并且确保服务器上同名文件被覆盖。
服务器带宽和价格问题
动态加载资源虽然缩小了首包,但对服务器带宽压力并不小，一个20MB的res文件夹，同时有100人在线加载，每个人都要完整下载一遍，普通云服务器1Mbps带宽理论每秒下载速度128KB，一个5MB的场景资源就需要40秒才能加载完，如果预算有限，建议先把资源压缩，再用CDN加速分发，这样能省下不少流量成本。
Q&A：cocos res文件夹放服务器上要钱吗？还有其他常见疑问
Q1：cocos怎么把res文件夹放服务器上才能减小安装包？
在构建面板勾选“远程资源”并填写URL，构建后包体里的资源目录变成了一个索引文件，所有原始资源被打包到单独的res目录，上传到服务器后安装包体积显著减小，在此基础上，还可以把res用zip压缩后上传，配合Cocos的zip加载插件进一步省流量。
Q2：res文件夹放服务器后，游戏更新还需要重新发包吗？
不需要重新发安装包,你需要维护一个版本配置文件，游戏启动时通过服务器上的版本号与本地缓存比对，当发现新版本时，自动下载新增或变更的资源，很多团队用热更新方案，让玩家在旧版本内体验新内容，当前资源更新机制已经比较成熟，但要保证服务器上的res文件夹版本号严格递增，否则可能出现旧文件覆盖新文件的逻辑错误。
是完整流程,一句话记住核心：勾选远程资源、填对URL、原样上传res文件夹、开启跨域，你的游戏从此不再背着行李出发。 把这份流程跑通一次，比任何文档都有说服力。
首发原创文章，作者：王坚，如若转载，请注明出处：https://idctop.com/article/727382.html
