小编gil*_*to8的帖子

我有一个简单的 ReactJS+Typescript 应用程序（与 Webpack 捆绑在一起），我最近几天一直在设计它。现在，我正在开始后端连接部分（不是我的领域，也不是我在这种情况下的责任），我遇到了一些困难。主要问题是浏览器上的 CORS 错误。这是我的设置：

    "webpack": "^4.30.0",
    "webpack-dev-server": "^3.3.1",
    "typescript": "^3.4.5",
    "react": "^16.8.6",
    "axios": "^0.18.0",
    Chrome version 74.0.3729.131 (64-bit)

没有任何类型的建议或实验，这是我遇到的错误：

我尝试了几种方法来解决这个问题，但没有一个真正解决它。它们如下：

1. 在我的webpack.dev.ts配置文件中，我配置了 webpack 代理属性。我这样配置：

  devServer: {
    contentBase: path.join(__dirname, process.env.PUBLIC_PATH || '../dist'),
    compress: true,
    host: process.env.DEV_HOST || 'localhost',
    port: process.env.DEV_PORT || 8000,
    open: 'chrome',
    proxy: {
      '/api': {
        target: 'http://<ip>:8888',
        secure: false,
      },
    },
    headers: {
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Headers': '*',
        'Access-Control-Allow-Methods': '*',
    },
  },

向后端的请求构建如下：

const config = {
  method: 'post',
  url: '/api/login',
  data: { password: password …