Question

与jsx文件（使用ReactJS代码）相同的链接在线打开，但NodeJS localhost打开它时显示错误：

"XMLHttpRequest cannot load http://.../js/r1BodyBabel.js. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:3000' is therefore not allowed access."

什么是问题？

Answer 1

对您的标头请求有信心，应该采取这些许可

headers: {
                'X-Requested-With': 'XMLHttpRequest',
                "Access-Control-Allow-Origin" : "*" ,
                "Access-Control-Allow-Methods" : "GET",
                "Access-Control-All-Headers": "Origin, X-Requested-With, 
                   Content-Type, Accept, Key",
                "Content-Type" : 'multipart/form-data'
            }

如果您使用本地服务器，则应添加此工具将此工具添加到您的Chrome时，请添加您的网址 http://localhost:3000 Allow-Control-Allow-Origin: *

Answer 2

这不是NodeJS或React / JSX问题。在直接从文件系统加载内容时，Chrome和其他浏览器会运行CORS限制。

您只需使用扩展程序停用Chrome CORS行为即可。有一些，可以通过关键字“CORS”找到。

NodeJS localhost XMLHttpRequest无法加载链接类型=“text / babel”

2 个答案: