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

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

解决办法:

第一种:

  1. 项目根目录新建.env.development.local文件,文件中写入:DANGEROUSLY_DISABLE_HOST_CHECK=true

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

第二种:

  1. npm run eject暴露webpack配置
  2. webpackDevServer.config.js中添加disableHostCheck:true解决react项目启动invalid host header问题_第1张图片
  3. 重启项目即可

你可能感兴趣的:(服务器操作篇,前端,git,react,服务器)