three.js加载模型失败(跨域问题)







    test Load OBJ model 
    
    

    






使用three.js加载一个obj模型;

在360急速浏览器出错如下;

three.js加载模型失败(跨域问题)_第1张图片

Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute............

这是跨域问题;
Google 在2020年2月4号发布的 Chrome 80 版本(schedule:https://www.chromestatus.com/features/schedule)中默认屏蔽所有第三方 Cookie,即默认为所有 Cookie 加上 SameSite=Lax 属性(https://www.chromestatus.com/feature/5088147346030592),并且拒绝非Secure的Cookie设为 SameSite=None(https://www.chromestatus.com/feature/5633521622188032)
SameSite的作用就是:防止跨域传送cookie,从而防止 CSRF 攻击和用户追踪,此举是为了从源头屏蔽 CSRF 漏洞。
参考:https://blog.csdn.net/yhyc812/article/details/108623844

在搜狗浏览器出错如下;

three.js加载模型失败(跨域问题)_第2张图片

has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes:

已经被CORS策略阻止.....;


CORS,全称Cross-Origin Resource Sharing ,是一种允许当前域(domain)的资源(比如html/js/web service)被其他域(domain)的脚本请求访问的机制,通常由于同域安全策略(the same-origin security policy)浏览器会禁止这种跨域请求。

也就是浏览器禁止加载一个本地的obj文件,任何的外部文件;为安全起见;

如果做成asp.net项目;

three.js加载模型失败(跨域问题)_第3张图片

也是报一样的错;

three.js加载模型失败(跨域问题)_第4张图片 

从前端调试看一下Network标签;浏览器可以获取到各个资源,自己的代码文件,three.js、OBJLoader.js;只有模型文件不能获取到;

three.js加载模型失败(跨域问题)_第5张图片 

 

下回继续; 

你可能感兴趣的:(图形学和3D,web前端,javascript,obj)