Invalid options object. Dev Server has been initialized using an options object that does not match

React和spring boot连接过程中的问题

在React的package.json中添加proxy语句之后，npm start 出现如下问题：Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options.allowedHosts[0] should be a non-empty string.

node版本 v18.14.0
react版本 ^18.2.0

github的create-react-app库中找到相同问题的issue
https://github.com/facebook/create-react-app/issues/12316
证明这个问题应该是node的版本太新的问题，18.0.0即存在这个问题

找到了问题的替代方案，但是没有找到解决办法

Delete “proxy”: “http://localhost:xxxx” in package.json
run npm install http-proxy-middleware
Create a file setupProxy.js inside your src folder and write the following codes:

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'http://localhost:6000',
      changeOrigin: true,
    })
  );
};

run npm start

参考文章

https://stackoverflow.com/questions/70374005/invalid-options-object-dev-server-has-been-initialized-using-an-options-object

https://githubmemory.com/repo/facebook/create-react-app/issues/11762