首页 > Windows开发 > 详细

windows环境下的ngnix部署——react

时间:2019-05-24 15:14:44      阅读:262      评论:0      收藏:0      [点我收藏+]

1.下载nginx

技术分享图片

2.测试ngix是否可以运行

    进入该目录后,命令行输入:start nginx

技术分享图片

    因为默认端口是8080,而我这个端口被占用了,所以我将默认端口改为了8082,可以在nginx.conf中更改。

技术分享图片

技术分享图片

在浏览器输入:localhost:8082,可见测试成功。

技术分享图片

3.将项目打包,我的是一个react项目,进入项目,运行npm run build , build文件夹里会出现打包后的文件。

           技术分享图片

4.配置nginx.conf文件,增加一个server

       技术分享图片

       其中:  

listen  :设置的端口号

server_name  :访问的名字

root   :你项目所放的地址

index index.html  :你的入口html文件

location/{}:这是是根据路由跳转,所以,为了避免出现404,我们需要重写至index.html。

技术分享图片

 

    5.输入./nginx  -s reload 即可查看(!!!这里我没有输入nginx -s reload,因为我输入这个显示nginx命令无法找到)

  技术分享图片

参考文章:https://blog.csdn.net/wly_er/article/details/82348593#1.%E4%B8%8B%E8%BD%BDnginx%E3%80%82

  

 

windows环境下的ngnix部署——react

原文:https://www.cnblogs.com/celine-huang/p/10918178.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!