一、安装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
如上图:
- nginx安装目录:/usr/local/Cellar/nginx/1.23.1 (11 files, 2.2MB)
- nginx安装来源:From: https://github.com/Homebrew/homebrew-core/blob/HEAD/Formula/nginx.rb
- nginx根目录:/usr/local/var/www
- 配置文件中默认端口为8080,且nginx将在/usr/local/etc/nginx/servers 目录中加载所有文件。并且我们可以通过最简单的命令'brew services restart nginx' 来启动nginx.
3. 查看nginx安装目录
open /usr/local/etc/nginx/
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 启动服务