使用create-react-app,配置proxy报错（options.allowedHosts[0] should be a non-empty string）

​

# 使用create-react-app,配置proxy报错（options.allowedHosts[0] should be a non-empty string）

今天在启动项目的时候遇到一个神奇的问题，这个问题具体报错信息是：

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.  
 

在网上找了好多解决方案都没有解决问题。

最后翻看源码发现是因为本地网路的问题，我本地的网路连接之后的ip是172.200.0.32，在源码中有一段判断的正则，没有命中，结果导致的这个启动报错！

![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/19a17531e3b944c3ac346e14ba6b3f0e~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=893&h=400&s=60882&e=png&b=f9f9f9)![](<> "点击并拖拽以移动")​编辑

![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/eafaa7902d324562894fcc86fee03afa~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=717&h=54&s=11705&e=png&b=ffffff)![](<> "点击并拖拽以移动")​编辑

这里可能人家写的正则没有包含到所有的ip，所以再我换了有线网路，改为192.168的ip之后就不报错了。

[无效选项对象。已使用与API架构不匹配的options对象初始化了Dev-腾讯云开发者社区-腾讯云](https://cloud.tencent.com/developer/ask/sof/106528679 "无效选项对象。已使用与API架构不匹配的options对象初始化了Dev-腾讯云开发者社区-腾讯云")

灵感来着于这个回答的最后一个评论说网路的问题。

下面是我的配置内容

![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c3fcf23f8d7b43b2ade36ce657a225db~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=580&h=116&s=15920&e=png&b=f6f6f6)![](<> "点击并拖拽以移动")​编辑

，其实不用像网上说的使用http-proxy-middleware，或者是改配置内容

![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7a60fc8420b647cc8eebd9da41a2c880~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=872&h=169&s=19039&e=png&b=50566b)![](<> "点击并拖拽以移动")​编辑

就是网络的问题。看看你本地的ip是否能被人家的正则命中。

​

posted @ 2024-04-24 16:54  上官靖宇  阅读(140)  评论(0)  编辑  收藏  举报