create-react-app之Invalid Host Header

create-react-app之Invalid Host Header

1、When you enable the `proxy` option, you opt into a more strict set of host checks. This is necessary because leaving the backend open to remote hosts makes your computer vulnerable to DNS rebinding attacks.

  you will see this error in the browser after enabling the `proxy` option:

    >Invalid Host header

2、To work around it, you can specify your public development host in a file called `.env.development` in the root of your project:

  ```

    HOST=mypublicdevhost.com

  ```

  If you restart the development server now and load the app from the specified host, it should work.

3、If you are still having issues or if you’re using a more exotic environment like a cloud editor, you can bypass the host check completely by adding a line to `.env.development.local`.

  

DANGEROUSLY_DISABLE_HOST_CHECK=true

时间: 2024-10-14 00:58:04

create-react-app之Invalid Host Header的相关文章

nodejs 项目,请求返回Invalid Host header问题

今天在linux上安装node,使用node做一个web服务器,在linux上安装各种依赖以后开始运行但是,出现了:Invalid Host header 的样式,在浏览器调试中发现是node返回的错误! 于是就百度,最后找到了一个解决的方法,(看的别人的). 是webpack-dev-server版本更新了的问题. 解决问题的方法: 添加配置信息 disableHostCheck: true // 启动服务 var app = new WebpackDevServer(webpack(conf

React漫漫学习路之 利用Create React App命令创建一个React应用

所谓万事开头难,本文旨在为初探React的同学,建立第一个最基本的react应用. Create React App是Facebook官方的一个快速构建新的 React 单页面应用的脚手架工具,它可以帮你配置开发环境,以便你可以使用最新的 JavaScript 特性,还能提供很棒的开发体验,并为生产环境优化你的应用.(如果你使用过vue-cli构建vue应用,那么此处可类比) 话不多说,直接开始. 安装 全局安装create-react-app npm install -g create-rea

【记录】解决uni-app 用nginx反向代理出现Invalid Host header问题

之前解决过一次,后来给忘记了,今天又遇到这个问题,现记录一下 修改uni-app的manifest.json文件  - >源码视图 添加以下代码: "disableHostCheck" : true //解决127.0.0.1指向其他域名时出现"Invalid Host header"问题 VUE项目遇到此问题也类似解决方案(因为uni-app :一款基于vue的跨平台前端框架) VUE工程解决方案参考:https://blog.csdn.net/Cookys

[React] {svg, css module, sass} support in Create React App 2.0

create-react-app version 2.0 added a lot of new features. One of the new features is added the svgr webpack loader to wrap SVGs in React components as a named export. This let’s you either grab the filename from the default export or grab a wrapped S

vue-cli 解决Invalid Host header

在webpack.dev.conf.js中添加:disableHostCheck: true devServer: { public: 'local.kingsum.biz', clientLogLevel: 'warning', historyApiFallback: true, hot: true, compress: true, host: HOST || config.dev.host, port: PORT || config.dev.port, open: config.dev.au

vue 项目中访问出现 Invalid Host header

使用vue-cli 构建vue项目,使用了nginx 做了反向代理,访问项目出现 原因:webpack-dev-server 检查 host,如果不是配置的内容,将不能访问 解决:在webpack.dev.conf.js 中,添加如下代码 1 devServer: { 2 disableHostCheck: true 3 } 添加此内容可绕过主机检查. 原文地址:https://www.cnblogs.com/amy2017/p/10356536.html

create react app遇到的问题

我现在想的是吧 static 资源和动态 api 来分开处理, static 资源开启 nginx 服务器,api 请求由 express 完成, 现在的问题是开发的时候 proxy 设定将所有的请求都代理到了 express 的端口,甚至于 <a></a> 元素的链接也被代理到 express 的端口了,在这个页面根本获取不到 nginx 提供的资源.

webpack-devServer其他机器访问报 invalid host header

http://stackoverflow.com/questions/43650550/invalid-host-header-in-when-running-react-app

webpack-dev-server 报 [ Invalid Host/Origin header ] 错误

使用webpack-dev-server有一段时间了,今天在调试时突然遇到 Invalid Host/Origin header 错误,还以为是react-hot-loader 没有配置好,因为改成v4的写法,是不是自己写错了.结果没有找到原因.之前一直是这么配置的,但是今天才看到这个错误. 查了资料,这是昨天新出的一个issue https://github.com/webpack/webpack-dev-server/issues/1604,解决方案是在devServer的配置中添加  di