0、常用命令

start nginx         #启动nginx
nginx -t            #检查nginx配置是否正确
nginx -s reload     #保存并重启

1、启动

cd到相应的目录，然后

start nginx

检验是否启动

• 方法一 查看任务管理器是否有nginx进程。

• 方法二 打开浏览器，输入localhost，看是否会出现如下页面。

2、查看默认配置

打开config/nginx.config

简单分析：

listen：表示当前的代理服务器监听的端口，默认的是监听80端口。注意，如果我们配置了多个server，这个listen要配置不一样，不然就不能确定转到哪里去了。

server_name：表示监听到之后需要转到哪里去，这时我们直接转到localhost。

location：表示匹配的路径，默认配置为/，表示所有/开头的请求都在这里面找对应的资源。【如果有多个项目，可以配置为/project_name/的形式，然后在下面配置对应的root和index.】

root：root表示请求资源的根路径，默认为html文件夹，指的是nginx里面已经写好的html文件夹。这里不仅能写成相对路径，也可以写成绝对路径，比如D:\project\demo。

index：当没有指定主页时，默认会选择这个指定的文件，它可以有多个，并按顺序来加载，如果第一个不存在，则找第二个，依此类推。它以上面的root配置项为根路径。

3、vuecli3项目 nginx 转发

• 1、vue create vue-nginx 创建项目
• 2、cd vue-nginx npm run serve
• 3、提示打开 http://localhost:8080，可以看到 vue 项目运行了
• 4、npm run build打包，（默认输打包到对应的项目里的 dist 文件夹）
• 5、配置nginx：主要配置 root 和 index，还有新出现的 try_files

        location / {
            root   E:\vue\vue-nginx\dist;
            try_files $uri $uri/ /index.html last;
            index  index.html index.htm;
        }

• 6、浏览器输入localhost:8090，可以看到vue项目已经启动了。

4、http 80 端口

http 的默认端口是 80 端口，就是说如果是80端口，可以不输入，即便输入也不会显示。比如输入 http://localhost:80 ，浏览器会自动显示为http://localhost

比如你想给一个项目配置为某个网址，如 http://your-sit.com，那就在 nginx 中配置 port 为 80 端口即可。