当前位置:   article > 正文

Nginx发布项目教程,问题_nginx发布文件夹

nginx发布文件夹

nginx涉及知识较多,本文主要讲解在windows系统中nginx的下载、使用,配置

一、Nginx的下载和启动

1.在进行发布的时候,由于最开始的不会使用nginx,在网上搜索了许多的教程哈哈,当然windows系统发布也是比较简单的,我们先在服务器中下载nginx

nginx官网:http://nginx.org/

nginx下载地址,下载时,下载稳定版本即可,建议下载nginx/Windows,exe文件形式,操作也比较简单

 2.下载完成后在你的电脑上解压即可,目录尽量做到纯英文,比较简单就不贴图了哈哈

3.下载后启动nginx,查看自己启动是否成功

在nginx目录下启动命令:

nginx

也可以双击nginx.exe打开,使用nginx.exe打开会出现窗口一闪而过

此时我们可以在浏览器页面输入http://localhost/进行查看,nginx默认端口为80,可以不输入端口号,页面如下所示时,代表nginx运行成功

二、Nginx的配置文件

1.发布项目时,先使用命令对项目进行打包,具体是vue还是react项目,根据各自的打包方式进行打包即可

2.打包后将文件放在服务器中,这里我使用的是复制,放在服务器的磁盘中,自己选择位置进行粘贴即可,进入到你打包的文件夹目录中,在顶部复制文件存储的目录

 3.打开nginx文件夹后进入到conf文件夹,打开nginx.conf文件,我们需要修改的配置在下方

  1. server {
  2. listen 80; //配置的端口号,默认80
  3. server_name localhost;
  4. #charset koi8-r;
  5. #access_log logs/host.access.log main;
  6. location / {
  7. root html; //项目路径,默认路径html,将复制的路径进行粘贴,\需要换成/
  8. index index.html index.htm;
  9. try_files $uri $uri/ /index.html; //配置路由
  10. }

4.配置平台的转发,需要加配置(没有可以忽略)

  1. location ^~/api/ {
  2. proxy_pass http://127.0.0.1:8080/; #修改此地址为后台服务地址
  3. }

5.配置完成后需要重启nginx,这里需要注意的是,每次在对nginx配置文件进行修改后,都需要重启nginx,推荐新建Restart.txt文件中,将指令复制在文件中,修改文件格式为Restart.bat,放在nginx文件夹中点击即可

nginx -s reload

6.重启完成后打开即可查看,项目成功启动的话代表你成功了

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/232367?site
推荐阅读
相关标签
  

闽ICP备14008679号