首页 > 系统相关 >Nginx部署前端环境(Mac)

Nginx部署前端环境(Mac)

时间:2024-07-30 21:56:06浏览次数:9  
标签:opt nginx 前端 Nginx Mac master conf homebrew

Nginx部署前端环境(Mac)

常用命令

# 启动nginx
sudo nginx

# 检查nginx是否已经启动成功
ps -ef|grep nginx
#如果显示有以下内容,说明启动成功
nginx: master process 
nginx: worker process

# 查看端口号占用
lsof -i:端口号
#如果什么都没显示,说明端口没有被占用

# 查看nginx.conf文件位置:
nginx -t
#我的文件位置: /opt/homebrew/etc/nginx/nginx.conf

# 查看nginx安装目录(用于将前端文件部署)
brew list nginx
#我的nginx安装目录:/opt/homebrew/Cellar/nginx/1.27.0/

# 重启nginx
sudo nginx -s reload
# 关闭nginx
sudo nginx -s stop

注:分清两个目录

nginx安装目录:/opt/homebrew/Cellar/nginx/1.27.0/

nginx.conf 所在目录:/opt/homebrew/etc/nginx/nginx.conf

前端文件部署

1.将准备好的一系列前端html文件复制到此目录:

/opt/homebrew/Cellar/nginx/1.27.0/html

https://github.com/Fsgojy238/MyImageRepository/blob/master/img/image-20240730213250180.png

https://github.com/Fsgojy238/MyImageRepository/blob/master/img/image-20240730214944758.png

2.修改nginx.conf文件

指定前端项目所在位置:

https://github.com/Fsgojy238/MyImageRepository/blob/master/img/image-20240730214504639.png

3.启动

sudo nginx

image-20240730215552127

标签:opt,nginx,前端,Nginx,Mac,master,conf,homebrew
From: https://www.cnblogs.com/Fsgojy/p/18333418

相关文章

  • Nginx反向代理,负载均衡,平滑升级
    一、反向代理反向代理:⽤户直接访问反向代理服务器就可以获得⽬标服务器(后端服务器)的资源。1、修改配置在配置⽂件中添加⼀⾏反向代理块指令[root@server2~]#vim/usr/local/nginx/conf/nginx.conf......省略部分内容......server{listen80;server_namelocalhos......
  • 前端练习<Html&CSS>——照片墙(附完整代码及实现效果)
    这个小练习也来源于b站up小K师兄,大家可以通过下面的链接学习哦~up讲的非常详细。纯CSS写一个简单酷炫的照片墙效果~先看一下这个照片墙的效果:1.鼠标没有放到图片上时,照片同比例,每张照片都有倒影的效果。2.然后是鼠标放置图片上的效果,图片被放大,其他照片旋转缩放,这里需要注......
  • 【调试笔记-20240730-Linux-OpenWrt 23.05 安装 Docker 配置 bitnami/Wordpress-with-
    调试笔记-系列文章目录调试笔记-20240730-Linux-OpenWrt23.05安装Docker配置bitnami/Wordpress-with-NGINX实现微信用户在线注册登录文章目录调试笔记-系列文章目录调试笔记-20240730-Linux-OpenWrt23.05安装Docker配置bitnami/Wordpress-with-NGINX实现......
  • 7.30(nginx反向代理、nginx负载均衡)
    一、nginx反向代理1、动态服务器后端服务器对标Java服务器1.修改index.html文件,并且发布web服务[root@git~]#echo"thisisjavawebserver">/usr/local/nginx/html/index.html[root@git~]#/usr/local/nginx/sbin/nginx [root@git~]#/usr/local/nginx/sbin/ng......
  • Nginx搭建文件服务器
    下载Nginx,我这里下载1.26版本 http://nginx.org/download/nginx-1.26.1.zip下载完成后解压出来,进入conf文件夹,找到nginx.conf配置文件,定位到server栏修改如下后保存server{charsetutf-8;#设置支持中文listen80;#监听端口......
  • 在Linux系统中使用Nginx部署Vue2项目
    1、打包Vue项目,命令如下:npmrunbuild打包成功后,会生成一个dist目录,dist目录中的所有文件需要上传到服务器上。2、修改dist目录中的index.html(看情况省略此步)主要看css、js等文件的路径,例如以下情形:默认:<linkhref="/js/chunk-vendors.ebc2055a.js"rel="preload"as=......
  • 使用Nginx Proxy Manager配置Halo的反向代理和申请 SSL 证书
    本文介绍NginxProxyManager配置Halo的反向代理和申请SSL证书,如需要了解Halo2的安装,参考如何在Linux云服务器上通过DockerCompose部署安装Halo,搭建个人博客网站?。目录安装NginxProxyManagerNginxProxyManager安装新建docker-compose.yaml启动NPM配置Halo的反向代理申......
  • Bitwig Studio for Mac(音乐创作软件)v5.2版
    bitwigstudiomac中的每个设备都是使用应用程序中集成的模块化系统内部设计的。我们选择的设备展示了BitwigStudio的引擎盖下隐藏的力量。这种广泛的设备将涵盖从微妙到极端的所有声音设计需求。BitwigStudioforMac(音乐创作软件)v5.2激活版软件地址BitwigStudiofo......
  • nginx配置log文件作用域
    在Nginx中,配置日志文件的作用域通常是通过修改Nginx配置文件来实现的。你可以在http、server或location块中设置access_log和error_log指令来定义日志文件的位置和格式。以下是一个配置示例,展示了如何在Nginx中设置访问日志和错误日志:http{#全局访问日志access_log......
  • macOS Monterey 12.7.6 (21H1320) Boot ISO 原版可引导镜像下载
    macOSMonterey12.7.6(21H1320)BootISO原版可引导镜像下载2024年7月30日凌晨,macOSSonoma14.6发布,本更新提供了重要的错误修复和安全更新,建议所有用户安装。同时带来了macOSVentura13.6.8和macOSMonterey12.7.6安全更新。本站下载的macOS软件包,既可以拖拽......