首页 / REACT / windows环境下的ngnix部署——react

windows环境下的ngnix部署——react

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了windows环境下的ngnix部署——react，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含615字，纯文字阅读大概需要1分钟。

内容图文

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

  

 

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

内容总结

以上是互联网集市为您收集整理的windows环境下的ngnix部署——react全部内容，希望文章能够帮你解决windows环境下的ngnix部署——react所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1168078.html

来源：【匿名】