Mac安装Nginx & 部署vue项目

一、安装Nginx

---

安装 Homebrew

homebrew是什么？它是Mac中的一款软件包管理工具，通过brew可以很方便的在Mac中安装软件或者是卸载软件。可参考其官网(brew.sh/index_zh-cn…)

Homebrew 怎么安装

方法一：brew官网的安装脚本

官网提供的安装命令：

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

这时很可能会出现一个问题: 要么下载极其龟速，要么直接出现如下提示

curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused

原因：这是 http://raw.githubusercontent.com 访问不稳定引起的。

方法二：brew 镜像安装脚本

/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)"

该脚本用了中科大镜像加速访问，仅修改仓库地址部分，不会产生安全隐患。 关于中科大所提供的 Homebrew 镜像服务 https://lug.ustc.edu.cn/wiki/mirrors/help/brew.git

若安装过程中依旧遇到其他问题，可参考：# mac下高效安装 homebrew 及完美避坑姿势

安装成功后的话，我们可以使用命令 “brew update”更新下；如下命令：

brew update

brew安装nginx

1. 使用brew安装nginx

brew install nginx

2. 查看nginx的配置信息

brew info nginx

如上图：

1. nginx安装目录：/usr/local/Cellar/nginx/1.23.1 (11 files, 2.2MB)
2. nginx安装来源：From: https://github.com/Homebrew/homebrew-core/blob/HEAD/Formula/nginx.rb
3. nginx根目录：/usr/local/var/www
4. 配置文件中默认端口为8080，且nginx将在/usr/local/etc/nginx/servers 目录中加载所有文件。并且我们可以通过最简单的命令'brew services restart nginx' 来启动nginx.

3. 查看nginx安装目录

open /usr/local/etc/nginx/

打开nginx目录后，可以看到我们上面的使用 brew info nginx 查看信息所说的 server目录以及nginx.conf的配置文件

4. 启动服务

brew services restart nginx

启动成功

5. 关闭服务

nginx -s stop

二、部署vue项目

---

1. vue项目打包

2. 将dist文件下的内容部署在nginx上

2.1 打开nginx的根目录：

open /usr/local/var/www

2.2 将dist文件下的内容拷贝进来

3. 更改配置

3.1 找到配置文件，即nginx的安装目录

open /usr/local/etc/nginx/

3.2 先确定请求转发的匹配规则及请求的真实地址

3.3 修改配置

3.4 启动服务