nginx 配置 react项目,首页不是index.html

22 篇文章 0 订阅
13 篇文章 0 订阅

nginx 配置 react项目,首页不是index.html

在 react 项目开发时, 一般有 hashHistory 和 browserHistory 的方式, 在项目打包出来之后,需要部署到服务器上面,碍于实际需求,我们的首页很有可能不是index.html , 于是在网上找了不少资料, 才配置成功这么一套部署方式, 作为参考

server {
  listen          8012; # 监听端口号
  server_name     localhost;
  location / {
      # 配置访问本服务器的根目录
      root /Users/a063/Project/code/new-ppy-cloud/build;
  }
  location /test/module/ {
      # 配置访问路由中带有 /test/module/ 的路径指向
      # 访问本服务器时, 只要路径带有 /test/module/ , 最终返回的就是 test.html 
      # 所以要注意接口请求不要带有 /test/module/
      try_files $uri /test.html;
  }
  location /api {
      # 接口转发配置, 以 /api 开头的请求, 都会转发到下面的域名
      proxy_pass   https://test.com;
  }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值