解决react项目启动invalid host header问题

问题描述：react create app项目在本地（localhost或127.0.0.1）环境中可以正常访问，但是部署到服务器后，可以用公网IP但不能用域名访问

解决办法：

第一种：

项目根目录新建.env.development.local文件，文件中写入：DANGEROUSLY_DISABLE_HOST_CHECK=true

需要注意git默认忽略该文件，需要在.gitignore文件中将该文件注释掉才能上传到github上

第二种：

npm run eject暴露webpack配置

在webpackDevServer.config.js中添加disableHostCheck:true：

重启项目即可

解决react项目启动invalid host header问题相关推荐

react项目启动invalid host header问题
https://blog.csdn.net/Wind_waving/article/details/117950496
解决react项目启动报错：error Couldn't find a package.json
初始化react平台启动时:yarn start error Couldn't find a package.json file in "F:\\JavaScript\\REACT" ...
内网穿透访问Vue项目的时候出现Invalid Host header解决办法
出现Invalid Host header解决办法内网穿透适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访 ...
vue项目中的遇错：Invalid Host header
前言略现象在A服务器上使用npm run serve 启动项目,访问A服务器的地址,无错误. 在B服务器上使用nginx代理到A服务器,访问B服务器的地址,遇错"Invalid Hos ...
【记录】解决uni-app 用nginx反向代理出现Invalid Host header问题
[记录]解决uni-app 用nginx反向代理出现Invalid Host header问题参考文章: (1)[记录]解决uni-app 用nginx反向代理出现Invalid Host head ...
vue2.5.2版本：MAC设置应用在127.0.0.1:80端口访问；并将127.0.0.1指向www.yours.com ；问题“ Invalid Host header”
0.设置自己的host文件,将127.0.0.1指向自己想要访问的域名 127.0.0.1 www.yours.com 1.MAC设置应用在127.0.0.1:80端口访问: config/index ...
react项目启动报错”无法使用 JSX，除非提供了 “--jsx“ 标志。ts(17004)“
react项目启动报错"无法使用 JSX,除非提供了 "–jsx" 标志.ts(17004)" 原因由于react版本与ts版本不匹配导致解决 tsconf ...
vue-cli3出现Invalid Host header的解决方案
vue-cli3出现Invalid Host header的解决方案参考文章: (1)vue-cli3出现Invalid Host header的解决方案 (2)https://www.cnblog ...
swr，解决 React 项目 API 调用的最好方案
swr,解决 React 项目 API 调用的最好方案搜了一圈,感觉 swr 源码学习的文章不少,但是好像使用方面的确实有限,所以-- 目前体感是觉得使用 swr 会比 redux-saga 要舒服 ...

解决react项目启动invalid host header问题

解决办法：

解决react项目启动invalid host header问题相关推荐

最新文章

热门文章