creator跨域

Cocos creator 跨域调试

说明

再使用cocos creatro开发过程中，会经常遇到跨域的问题，如请求跨域，资源跨域等，如图

Access to image at 'http:***png' from origin 'http://localhost:7456' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

工具

1. cocos creator2.3.x
2. chrome 版本 87.0.4280.88
3. vs code

配置步骤

4. 桌面右键chrome快捷方式
5. 目标输入框内添加 --disable-web-security --user-data-dir=C:\MyChromeDevUserData（注意，前面有个空格，如下图）
6. 应用
7. 打开C盘创建MyChromeDevUserData文件夹
8. 重启chrome
9. 桌面双击chrome快捷方式，出现稳定性和安全性会有所下降提示，就成功了.
10. 在地址栏输入creatro的调试地址（如http://localhost:7456/），就可以愉快的调试了。
    
    

在creator中使用

1.在vs code中安装debugger for chrome

2.添加调试配置

1.找到launch.json
2.添加

"name": "Creator Debug: Launch Chrome",
"type": "chrome",
"request": "launch",
//调试地址
"url": "http://localhost:7456",
"sourceMaps": true,
// 启动参数
"runtimeArgs": ["--disable-web-security"],
//数据目录
"userDataDir": "C:/MyChromeDevUserData",
"diagnosticLogging": false,
"pathMapping": {
"/preview-scripts/assets": "${workspaceFolder}/temp/quick-scripts/dst/assets",
"/": "${workspaceFolder}"
}

注意:只是本地跨域调试,发布到线上的话,需要服务器做跨域支持.