首页 > 其他分享 >使用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)

时间:2024-04-24 17:01:55浏览次数:26  
标签:non string should k3u1fbpfcp 报错 https com options

# 使用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是否能被人家的正则命中。

标签:non,string,should,k3u1fbpfcp,报错,https,com,options
From: https://www.cnblogs.com/shangguancn/p/18155857

相关文章