静态文件访问不到报no access-control-allow-origin处理办法
时间: 2023-05-08 11:01:50 浏览: 143
静态文件访问不到报No Access-Control-Allow-Origin处理办法
当浏览器请求一个服务器上的静态文件时,如果该静态文件所在的域名与当前页面所在的域名不一致,就会出现访问不到的问题。这是因为浏览器的同源策略限制了跨域请求。如果不加以处理,就会报“No Access-Control-Allow-Origin”错误。
要解决这个问题,可以在服务端返回静态文件的响应头中加上Access-Control-Allow-Origin字段,指定可以跨域访问的域名。例如,如果静态文件需要跨域访问的域名为www.example.com,那么可以在服务端返回如下响应头:
Access-Control-Allow-Origin: http://www.example.com
这样,浏览器就能正确地获取静态文件了。
另外,也可以使用一些插件或工具来避免这种问题的出现,比如使用Webpack打包静态文件时,可以使用file-loader或url-loader的publicPath选项来指定静态文件所在的域名。这样,在静态文件请求时就会自动加上正确的跨域头,从而避免了“No Access-Control-Allow-Origin”错误的出现。
阅读全文