crossOriginLoading使用说明

1. 说明

此配置用于控制 Webpack 动态加载的代码块(chunk)(例如代码分割或懒加载的模块)在跨域(不同域名)加载时的行为。它通过为动态生成的

  1. CDN/服务器配置
    3.1 在 CDN(如 AWS S3、阿里云 OSS)或 Nginx 服务器中配置 CORS 响应头

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET

3.2(若使用 use-credentials,需指定具体域名并开启 Access-Control-Allow-Credentials: true)

3. 验证效果

  1. 浏览器 Network 面板
  • 检查 JS 文件的请求头:

Origin: https://my-app.com

  • 检查响应头:

Access-Control-Allow-Origin: *

  1. 错误信息捕获
  • 启用 crossOriginLoading 后,通过 window.onerror 可捕获更详细的跨域脚本错误:

window.onerror = function (message, source, lineno, colno, error) {
console.log(“脚本错误详情:”, error);
};

你可能感兴趣的:(webpack.output,webpack)