如何在本地安装使用nginx及部署自己的项目

最新推荐文章于 2024-04-02 10:20:12 发布
最新推荐文章于 2024-04-02 10:20:12 发布
阅读量6.5k 收藏 27
点赞数 6
文章标签： nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mao0523/article/details/122448599
版权

1、下载nginx

https://nginx.org/en/download.html

点击下载压缩包、解压到任意位置

 

2、启动nginx

cmd 进入nginx文件夹 输入命令行：start nginx

3、查看是否成功启动nginx 

打开浏览器，输入: http://localhost:80 出现以下页面即为启动成功

 4、部署自己的项目

①将自己的代码放到nginx的html文件夹下

 

② 修改nginx的conf文件夹下的nginx.conf配置文件

 

5、重启nginx 

*只有修改配置文件后才需要重启，只是替换打包文件不需要重启

cmd 进入nginx文件夹 输入命令行：nginx -s reload

 6、停止nginx

输入命令行：nginx -s stop

啃代码的毛毛虫
关注
  • 6
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
使用docker部署nginx前后端解决跨域问题.docx
03-05
使用docker部署nginx前后端解决跨域问题
本地搭建nginx（windows）
baidu_31992575的博客
02-13 735
nginx安装配置
前端项目本地部署Nginx，Nginx基本使用
LYZ0909的博客
01-21 1466
前端部署nginx，nginx的入门级学习
【windows】--- nginx 超详细安装并配置教程
最新发布
Nothing is impossible to a willing heart.
04-02 3457
当服务器 ocalhost:8080 挂掉时，nginx能将请求自动转向服务器 192.168.101.9:8080。上面还加了一个 weight 属性，此属性表示各服务器被访问到的权重，weight 越高被访问到的几率越高。当修改了 nginx的配置文件nginx.conf 时，不需要关闭 nginx 后重新启动 nginx，只需要执行命令 nginx -s reload 即可让改动生效。我们可以配置多个目标服务器。
Vue项目部署的实现（阿里云+Nginx代理+PM2）
12-12
最近部署一个Vue项目到阿里云ECS上，因为项目涉及一些跨域请求，所以采用了Nginx代理请求本地的node服务（利用pm2做进程管理）。node服务借助axios设置headers的referer、host转发请求，解决跨域请求问题。 先交代下在阿里云ECS里安装的部署环境：phpstudy（php调试运行大礼包，里面包含nginx、mysql等，还能监控端口占用情况）、pm2（node服务进程管理工具）、node、git等等。 部署过程 拉去GitHub项目代码至root目录下（找到安装phpstudy的WWW目录），构建项目 修改nginx-conf的代理配置、root项配置（指
nginx 部署 vue 项目找不到js css文件的解决方法
09-29
主要介绍了nginx 部署 vue 项目找不到js css文件的解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
本地是如何开启Nginx服务的？
qq_24518001的博客
05-26 2867
这个默认把 nginx 安装在 mac 全局环境中(如果需要在 docker 安装 nginx，可以参考其他方法)配置文件位置：nginx-1.22.0/conf/nginx.conf 默认80，以防端口被重用，改为8056。使用 ruby 安装 homebrew(已经安装的可以跳过)nginx 其他命令(关闭重启)，把 start 替换即可。安装好了,就可以启动nginx了, 终端输入。具体的配置文件如下，我们可以复制一份。双击nginx.exe启动。拷贝cesium示例至。nginx默认安装到。
nginx启动、配置、测试（全网最全）
weixin_62870380的博客
04-14 1万+
nginx的安装，配置虚拟主机，基于不同IP，端口，域名进行访问，以及启动。在centos和unbuntu都可用，亲测。
本地安装nginx及部署项目
7c
06-14 5703
详解nginx的安装使用及部署项目；server模块中配置说明： 1、listen：端口号 2、server_name：虚拟ip地址 3、root：声明默认网站根目录位置 --项目的根目录 4、index：定义首页索引文件的名称 --index.html 5、try_files：$uri $uri/ /app/index.html; 这里的设置是通过内部重定向的方式，去匹配目录下的索引文件index.html 6、location：控制服务访问路径 7、proxy_pass：请求代理转发......
nginx本地服务器的搭建(保姆式教学)
Hjxbyg的博客
11-28 5466
Nginx(engine x) 是一个高性能的HTTP和反向代理web服务器Nginx 是基于HTTP协议的请求/响应（部署web项目） ---- 静态资源服务器Nginx可以作为反向代理服务器 ---- 负载均衡服务器(代理服务器)Nginx特点：稳定性极强，可以实现7*24不间断运行提供简洁、直观的配置占用内存很小、并发能力很强（5w+）
Nginx服务的启动和停止
ChengXuYuan_Miao的博客
04-27 6647
使用Nginx的过程中，我们可能总是需要修改nginx配置文件，然后不停地启动或者停止nginx服务。这里简单讲一下nginx的相关命令行。找到nginx的安装路径此文章 /usr/local/nginx/sbin/ 是我本地nginx的安装路径。
在Nginx上部署ThinkPHP项目教程
12-18
我习惯使用pathinfo模式，本地运行一切正常，然而部署到服务器上时，由于对方使用的是Nginx，默认是不支持ThinkPHP的pathinfo模式，所以导致路径错误，出现了页面循环跳转的问题，于是就把nginx下载下来在本地亲自...
在nginx上部署vue项目(history模式)的方法
11-30
vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径...在路由的配置就是如下：我们还是以 vue-cli项目为例： 在src/router/i
解决vue项目nginx部署到非根目录下刷新空白的问题
12-09
1、修改config/index.js 2、修改路由route/index ...以上这篇解决vue项目nginx部署到非根目录下刷新空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
Nginx优化配置
GM的博客
01-25 719
#user  nobody; #==工作进程数，一般设置为cpu核心数 worker_processes  1; #error_log  logs/error.log; #error_log  logs/error.log  notice; #error_log  logs/error.log  info; #pid        logs/nginx.pid; events {   ...
Nginx 命令
LP的博客
08-14 707
nginx -s reopen #重启Nginx nginx -s reload #重新加载Nginx配置文件，然后以优雅的方式重启Nginx nginx -s stop #强制停止Nginx服务 nginx -s quit #优雅地停止Nginx服务（即处理完所有请求后再停止服务） nginx -t #检测配置文件是否有语法错误，然后退出 nginx -?,-h #打开帮助信息 nginx -v #显示版本信息并退出 nginx -V #显示版本和配置选项信息，然后退出 nginx...
Nginx本地启动前端Vue项目
TVM的博客
06-08 1237
nginx -c filename #设置配置文件(默认是:/etc/nginx/nginx.conf)nginx -s reload #重新加载Nginx配置文件，然后以优雅的方式重启Nginx。nginx -p prefix #设置前缀路径(默认是:/usr/share/nginx/)nginx -s quit #优雅地停止Nginx服务（即处理完所有请求后再停止服务）nginx -s stop #强制停止Nginx服务。nginx -s reopen #重启Nginx。,-h #打开帮助信息。
windows本地启动nginx，部署vue项目
小钻风的博客
11-17 1836
windows本地启动nginx，部署vue项目
三种启动nginx.exe的方法
热门推荐
Tel_17674647975的博客
08-12 1万+
第一次链接 后续跟进
要使用 Docker 部署Nginx,并使用nginx部署项目
06-02
好的，以下是使用 Docker 部署 Nginx 并使用 Nginx 部署项目的步骤： 1. 首先，需要安装 Docker，可以参考官网的安装教程进行安装。 2. 创建一个用于存放 Nginx 配置文件和项目文件的目录，比如 /home/nginx。 3. 在该目录下创建一个名为 nginx.conf 的 Nginx 配置文件，可以参考以下示例进行编写： ``` worker_processes 1; events { worker_connections 1024; } http { server { listen 80; server_name localhost; location / { root /usr/share/nginx/html; index index.html; } location /api/ { proxy_pass http://backend:8000/; } } } ``` 上述配置文件中，Nginx 监听本地 80 端口，将访问根目录的请求转发到 /usr/share/nginx/html 目录下的 index.html 文件，将以 /api/ 开头的请求转发到名为 backend 的 Docker 容器中的 8000 端口。 4. 在该目录下创建一个名为 Dockerfile 的文件，用于构建自定义的 Nginx 镜像，可以参考以下示例进行编写： ``` FROM nginx COPY nginx.conf /etc/nginx/nginx.conf COPY dist/ /usr/share/nginx/html/ ``` 上述 Dockerfile 文件中，使用 nginx 作为基础镜像，将本地的 nginx.conf 文件复制到容器中的 /etc/nginx/nginx.conf 目录下，将本地的项目文件复制到容器中的 /usr/share/nginx/html/ 目录下。 5. 使用以下命令构建并运行 Nginx 容器： ``` docker build -t my-nginx . docker run --name my-nginx -p 80:80 --link backend my-nginx ``` 上述命令中，首先使用 docker build 命令构建名为 my-nginx 的自定义 Nginx 镜像，然后使用 docker run 命令启动该镜像对应的容器，将本地的 80 端口映射到容器的 80 端口，并连接名为 backend 的后端容器。 6. 至此，使用 Docker 部署 Nginx 并使用 Nginx 部署项目的过程已完成。可以通过浏览器访问 http://localhost 来查看部署的项目。如果该项目中有需要通过 /api/ 访问的后端服务，可以在后端容器中启动该服务，并将其命名为 backend，以便 Nginx 容器能够连接到该服务。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

啃代码的毛毛虫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值