there are many

1. if the back-end code can be changed, add the response header directly and solve the problem through cors
2. build a service with node and do a job of forwarding http requests
3. nginx Agent
4. understand the functions of webpack-dev-server 's proxy to help you act as an agent in the development environment

   recommend the fourth solution

Link description

module.exports = {
  //...
  devServer: {
    proxy: {
      '/api': 'http://localhost:3000'
    }
  }
};

Cross-domain common solution:

• jsonp (disadvantages only support get)
• cors (cross-domain resource sharing mode requires back-end cooperation)
• proxy (not dependent on backend)

if you are just debugging the development environment, use webpack to provide devServer to configure the agent. For more information, click here