Three.js无法显示三维外部文件问题解决方案

1、最初分析：

在运行three.js示例文件过程中，我下载后的模型总是不能导入成功。确认可以在官网页面完美显示并且自己代码无误后，锁定目标：浏览器设置。

2、查看问题：

首先，F12查看控制台信息。





发现确实是因为谷歌浏览器设置问题。错误信息：

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

3、解决方案：

首先右键桌面的谷歌浏览器图标，选“属性”

然后选“快捷方式”-“目标”，在末尾添加命令：

--disable-web-security --allow-file-access-from-files（需注意与前面路径加空格）

点击“应用”-“确定”，大功告成，重新从桌面启动浏览器，就可以成功导入外部文件了。





4、结尾：

这些操作均是在桌面快捷方式下完成，从“开始”启动浏览器设置无效，原因不明（表示这个问题纠结了好久才发现）。

对于这种不能访问外部文件的设置，谷歌浏览器也是处于数据安全的考虑，设想如果网页可以直接获取你的本地文件，那么你的数据可能在你访问任何一个网页的时候就被上传备份了，这是可怕的！因此对于这种设置修改命令，我建议仅当调试程序时开启，当不调试程序时不要打开这个命令。

参考来源：http://stackoverflow.com/a/23758738

了解相关命令：http://stackoverflow.com/questions/18586921/how-to-launch-html-using-chrome-at-allow-file-access-from-files-mode