1. 1. 目的
  2. 2. 准备
  3. 3. 部署过程

在Mac上搭建自己的服务器——Nginx

目的

  1. 在本地起一个服务进程,在浏览器中输入localhost:8080即可访问nginx欢迎页,如下图所示

  1. 再能够把自己的项目部署上去,在浏览器中输入localhost:8080即可访问自己的页面

准备

  1. brew

    安装方法:在终端输入一下内容

    1
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  2. nginx

    安装方法:依赖brew安装,在终端输入

    1
    brew install nginx

部署过程

  1. 安装好nginx之后,首先启动nginx,在任何路径下都可以

    1
    nginx
  2. 打开浏览器输入localhost:8080,即可访问nginx欢迎页面

  3. 关键步骤:如何把自己写的项目部署上去,不管是打包之后的项目还是简单的html页面,都可以用此方法。

    • 首先用vim进入到nigin.cionf配置文件里面

      1
      vim /usr/local/etc/nginx/nginx.conf

      注意:进入vim之后,首先需要输入i即为开始编辑

    • nginx.conf配置文件中找到如下所示内容,修改rootindex后面的内容,改配置文件略像json格式

      注意:root后面的内容为你的项目的文件夹的路径,这个路径从根目录开始用绝对路径,index后面为展示首页的名称,一般都是index.html。注意不要找错地方,因为配置文件中出现过很多类似这种结构体的地方,注意前面不能带#,否则为注释掉的部分,编辑结束之后先esc,待出现冒号之后输入wq意为保存并退出。另外如果你不知道自己项目的路径改怎么写,可以在首先找到自己的项目,在这个目录下,输入pwd

  4. 这个时候需要先关闭nginx,再重启

    • 关闭命令

      1
      nginx -s stop
    • 打开命令

      1
      nginx
    • 重启命令

      1
      nginx -s reload

      注意如果重启时候出现如下问题nginx: [error] open() "/usr/local/var/run/nginx.pid" failed (2: No such file or directory),找到你的nginx.conf的文件夹目录,然后运行这个nginx -c /usr/local/etc/nginx/nginx.conf命令, 再运行nginx -s reload,就可以了。还有在你输入以上命令之后,如果没有任何返回,不要惊讶,证明没有错误,继续下一步就好

  5. 在浏览器中输入localhost:8080,就可以访问你的项目页面了,最终展示如下