Reactjs：沒有為反應包文件指定訪問控制允許來源

Question

在我的自定義 webpack 中，babel 生成了 React 應用程序，我創建了包文件。

從后端（節點），我正在發送一個 HTML 文件，該文件帶有 script 標簽，源標簽引用frontend:3000/front_bundle.js 。 它非常適合自定義 webpack babel 應用程序。

但是，使用create-react-app 創建的React 應用程序，當我嘗試從后端發送 html 文件時，腳本標記指向由 react-scripts 生成的包文件。

It says, access to script at http://localhost:2000/bundle.js from origin http://localhost:3000 has been blocked by CORS policy: NO "Access-control-Allow-Origin" header is present on the requested資源

我在節點中設置了 header，

app.use((req,res,next)=>{
   res.header("Access-control-allow-origin", "*")
   next();
});

也試過 app.use(cors()); 在節點。

在前端 public/index.html，我添加了 crossorigin="anonymous"。 在 package.json 中添加了一個代理，指的是 http://localhost:3000。 還是同樣的問題。

關於如何解決這個問題的任何建議？

Answer 1

在我的自定義 webpack 中，babel 生成了 React 應用程序，我創建了包文件。

從后端（節點），我正在發送一個 HTML 文件，該文件帶有 script 標簽，源標簽引用frontend:3000/front_bundle.js 。 它非常適合自定義 webpack babel 應用程序。

但是，使用create-react-app 創建的React 應用程序，當我嘗試從后端發送 html 文件時，腳本標記指向由 react-scripts 生成的包文件。

It says, access to script at http://localhost:2000/bundle.js from origin http://localhost:3000 has been blocked by CORS policy: NO "Access-control-Allow-Origin" header is present on the requested資源

我在節點中設置了 header，

app.use((req,res,next)=>{
   res.header("Access-control-allow-origin", "*")
   next();
});

也試過 app.use(cors()); 在節點。

在前端 public/index.html，我添加了 crossorigin="anonymous"。 在 package.json 中添加了一個代理，指的是 http://localhost:3000。 還是同樣的問題。

關於如何解決這個問題的任何建議？