![0576a138f3028f5e96c00819710bd626.png](https://img-blog.csdnimg.cn/img_convert/0576a138f3028f5e96c00819710bd626.png)
前言
为什么写这篇文章呢,主要是因为现在面临着这样一个需求。就是现在有一个 接手的 VUE 项目,在生产环境跑不起来。
但是它在服务器上是部署成功的。
——然后我就想看看 vue run build 之后,是不是也跑不起来。
——还是说有一个什么神奇的 BUG 造成了只有 vue run dev 跑不起来。
但是,我手头有没有国内的云服务器资源。于是我就想在我的 MAC-OS 上安装一个 nginx 来做为本地的测试服务器。
于是乎,我要用 Docker 在我的 MAC-OS 部署一个 nginx。
第一步:在 Mac 上安装 Homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
打开你的终端,输入上述语句安装 Homebrew,并按下图检查是否安装成功。
![7ed10c1208ab6d09ff5d1fa25226d25e.png](https://img-blog.csdnimg.cn/img_convert/7ed10c1208ab6d09ff5d1fa25226d25e.png)
第二步:使用 Homebrew 安装 docker
brew cask install docker
在命令行输入上述语句使用 homebrew 安装 docker,并打开启动台检查是否安装成功
![312444ff11a5d83243ed83b8be78047e.png](https://img-blog.csdnimg.cn/img_convert/312444ff11a5d83243ed83b8be78047e.png)
第三步:使用 Docker 安装 nginx
3.1 :MAC 上获得文件的绝对路径的方法
command+option+c
3.2 :在我们想要的位置创建三个文件夹 conf、logs、www
![7c3eac7cbe2e9bebabf57b6063e584aa.png](https://img-blog.csdnimg.cn/img_convert/7c3eac7cbe2e9bebabf57b6063e584aa.png)
3.3 :使用上述命令获得这三个文件夹的绝对路径
/Users/shaolizhi/Docker/www
/Users/shaolizhi/Docker/conf
/Users/shaolizhi/Docker/logs
3.4 :在 conf 文件夹中准备一个 nginx 的 nginx.conf 文件
user nginx;
worker_processes 1;
error_log /var/log/nginx/error.log warn;
pid /var/run/nginx.pid;
events {
worker_connections 1024;
}
http {
include /etc/nginx/mime.types;
default_type application/octet-stream;
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
'$status $body_bytes_sent "$http_referer" '
'"$http_user_agent" "$http_x_forwarded_for"';
access_log /var/log/nginx/access.log main;
sendfile on;
#tcp_nopush on;
keepalive_timeout 65;
#gzip on;
include /etc/nginx/conf.d/*.conf;
}
3.5 :使用 Docker 安装 nginx
docker run -d -p 100:80 --name nginx-test -v /Users/shaolizhi/Docker/www:/usr/share/nginx/html -v /Users/shaolizhi/Docker/conf/nginx.conf:/etc/nginx/nginx.conf -v /Users/shaolizhi/Docker/logs:/var/log/nginx nginx
请注意,把上行中的如下三个内容替换成你自己的 www、conf、logs 的绝对路径
/Users/shaolizhi/Docker/www
/Users/shaolizhi/Docker/conf
/Users/shaolizhi/Docker/logs
第四步:将我们的 VUE 项目文件传入 www 文件夹,并访问 localhost:100
![5cc414371f62a534c670bebb1864a6f5.png](https://img-blog.csdnimg.cn/img_convert/5cc414371f62a534c670bebb1864a6f5.png)
![cec721b18f7a55e1be16230cf3a57938.png](https://img-blog.csdnimg.cn/img_convert/cec721b18f7a55e1be16230cf3a57938.png)
结语
虽然最后程序的问题不出现在这里,但是我认为在本地有一个 docker 还是不错的~
很多东西都方便了很多,其实我认为是可以用 docker 作为各种代码环境的。
比如我们要在 MAC 上面编写各种语言的程序,都可以使用这些进行编写。