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文件,我们需要修改的配置在下方

    server {
        listen       80;               //配置的端口号,默认80
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;      //项目路径,默认路径html,将复制的路径进行粘贴,\需要换成/
            index  index.html index.htm;
		    try_files $uri $uri/ /index.html;         //配置路由
        }

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

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

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

nginx -s reload

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

猜你喜欢

转载自blog.csdn.net/weixin_72237725/article/details/130287617