macOS nginx部署前端项目

这篇具有很好参考价值的文章主要介绍了macOS nginx部署前端项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、安装nginx;

brew install nginx

2、配置nginx,主要配置代码,服务器代理

1、配置文件地址

根目录是 macOS 文件系统的最顶层目录。您可以在 Finder 中使用快捷键 Shift + Command + G,然后输入 /usr,即可直接打开 /usr 目录。另外,您也可以在终端中使用 cd /usr 命令切换到 /usr 目录

/usr/local/etc/nginx

2、主要代码

location / {
     root   html;
     index  index.html index.htm;
     limit_rate 5M; //限制服务器网速
 }
        
location /api {
    rewrite ^/api(.*)$ $1 break;
    proxy_pass http://192.119.115.230:24201;
}

location /api {
    proxy_pass http://192.119.115.230:24201;
}

3、macOS nginx index.html文件在哪一个目录下面

在 macOS 上,默认情况下,Nginx 的网站根目录(Document Root)位于 /usr/local/var/www 目录下

macOS nginx部署前端项目,macos,nginx,前端文章来源地址https://www.toymoban.com/news/detail-671795.html

4、macOS nginx 相关的命令

启动 Nginx:

sudo nginx
这将启动 Nginx 服务。您可能需要输入管理员密码进行确认。

停止 Nginx:

sudo nginx -s stop
这将停止正在运行的 Nginx 服务。

重新加载配置:

sudo nginx -s reload
当您对 Nginx 的配置文件进行更改后,可以使用此命令重新加载配置,以使更改生效,而无需停止和启动 Nginx。

检查配置文件语法:

sudo nginx -t
使用此命令可以检查 Nginx 配置文件的语法是否正确。如果配置文件中存在错误,它将显示错误消息。

查看 Nginx 运行状态:

sudo nginx -s status
使用此命令可以查看当前 Nginx 服务的运行状态。

停止 Nginx 并退出:

sudo nginx -s quit

到了这里,关于macOS nginx部署前端项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • nginx部署多个前端项目

    前提:nginx已在服务器上安装完成 假如有2个项目(一个company,一个test),需要通过ip或者域名来访问,我们通过http://www.test.com来举例 首先把2个静态资源项目或者打包好的项目放到Nginx中 在nginx的html里面 创建两个文件夹,一个services放服务端代码,一个web放前端代码 将前端

    2024年02月01日
    浏览(30)
  • 使用nginx部署前端项目

    docker pull nginx docker images docker run --name nginx -p 8080:80 -d nginx:latest docker exec -it nginx /bin/bash mdkir /opt/nginx/conf mkdir /opt/nginx/html mkdir /opt/nginx/log docker rm -f nginx 说明: –name: 启动容器的名字 -d:后台运行 -p: 将容器的 端口映射到主机的端口 -v:挂载配置文件 在浏览器访问主机ip nginx安装

    2024年02月09日
    浏览(41)
  • nginx部署前端项目

    这里简单记录一下自己部署前端项目的过程。 参考: Nginx安装与基本配置 修改nginx.conf,配置前端项目访问路径。 测试nginx是正常 重启nginx ./sbin/nginx -s reload 如果没有启动过Nginx,直接启动Nginx即可:./sbin/nginx http://192.16.6.118:57777 即可打开前端页面 简单的利用nginx部署前端项目

    2024年02月09日
    浏览(34)
  • Nginx部署Vue前端项目

    目录 一、安装Nginx 1、安装完成 2、启动Nginx 3、问题 二、修改Nginx配置文件 系统环境:Mac Pro—10.15.7版本 Nginx版本:1.19.6 Nginx的配置文件目录:/usr/local/etc/nginx Nginx的安装目录:/usr/local/Cellar/nginx 可能遇到的报错一:nginx: [error] open() \\\"/usr/local/var/run/nginx.pid\\\" failed (2: No such file

    2024年02月11日
    浏览(32)
  • 如何在MacOS使用homebrew安装Nginx

    参考文章地址 在确保MacOS 安装Homebrew成功以后,执行如下命令 注意 :Nginx安装成功后会提示目录位置;每个人的系统可能因为Homebrew的安装位置不同而不同,所以这几个目录位置要记下来,方便后期配置和维护Nginx 根据上图可知我本机的几个重要的文件位置: nginx.conf 配置文

    2024年02月06日
    浏览(33)
  • 前端项目部署上线nginx反向代理

    参考 https://www.cnblogs.com/wangjingguan/articles/12817442.html 项目部署—需要服务器+域名 ● 部署(手动/自动化)到服务器—打包/构建(发版)、上线 下载模块包 yarn add webpack-dev-serve -D 在package.json自定义webpack开发服务器启动命令serve 启动当前工程里的webpack开发服务器 yarn serve 服务器配置

    2024年02月09日
    浏览(34)
  • Vue项目前端部署——nginx方式

    随便在网上找一篇文章,下载安装之后,启动nginx 在项目根目录下 运行npm run build 进行编译打包 打包完成之后,在项目根目录下会多一个dist目录 因为使用到nginx进行代理,所以vue.config.js里面的代理是不会生效的,我们使用nginx来配置反向代理,配置完成保存文件 使用service

    2024年02月12日
    浏览(39)
  • Docker 安装 Nginx 部署前端项目

    注意 :这里有一个需要注意的点,Nginx 一般是根据配置文件启动的。 如果我们在第一次启动的时候就挂载目录,那么因为我们宿主机是空文件,会直接导致 Nginx 容器内的配置文件被覆盖,致使启动失败。 所以的步骤如下 1、宿主机创建好要挂载的目录 -p  参数的作用就是允许

    2024年04月11日
    浏览(29)
  • Nginx基本使用以及部署前端项目

    最近学习了一下Nginx,整理了一个博客,主要参考的是狂神说的b站视频教程,文章链接如下:狂神说Nginx快速入门 到Nginx官方选择自己电脑适用的稳定版本下载,我下载的的windows版本。 下载完,就会有一个压缩包。需要创建一个文件夹用于存放解压后的nginx内容(注意:存放

    2024年02月05日
    浏览(34)
  • Nginx搭载负载均衡及前端项目部署

    目录 ​编辑 一.Nginx安装 1.安装所需依赖 2.下载并解压Nginx安装包 3.安装nginx 4.启动Nginx服务 二.Tomcat负载均衡  1.准备环境 1.1 准备两个Tomcat  1.2 修改端口号 1.3 配置Nginx服务器集群 2.效果展示 ​编辑三.前端项目打包 ​编辑四.前端项目部署 1.上传项目  2.修改代理服务器 3. 配

    2024年02月06日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包