一、安装启动Nginx
1.官网下载:URL:http://nginx.org/en/download.html,解压后如下
2.启动nginx有很多种方法启动nginx
(1)直接双击nginx.exe,双击后一个黑色的弹窗一闪而过,或者点击右键 以管理员的方式运行
(2)打开cmd命令窗口,切换到nginx解压目录下,输入命令 nginx.exe 或者 start nginx ,回车即可
(3)检查nginx是否启动成功
直接在浏览器地址栏输入网址 http://localhost:80,回车,出现以下页面说明启动成功
(4)nginx的配置文件是conf目录下的nginx.conf,默认配置的nginx监听的端口为80,如果80端口被占用可以修改为未被占用的端口即可
(5) 关闭Nginx 关闭时,需要关闭占用内存小的,后关闭占用内存大的,否则关闭不了
二、使用Nginx
因为Nginx是一个web服务器,所以我们可以把前端的项目发布到该服务器中
对于vue项目,我们可以使用脚手架中的打包工具进行打包(生成浏览器认识的语言格式)
打包后会在项目中自动生成dist文件(内容是一些html 、css、js等静态资源)
把项目发布到Nginx服务器上,复制dist文件到Nginx安装目录中
配置前端项目服务器(拦截请求为Http://server_name的请求和进行反向代理)
这时我们在浏览器中输入地址Http://server_name,我们是不能访问到我们的项目的,因为你发送的请求发送到了外网,但是我们没有买server_name域名,所以Nginx拦截不到、代理不了,这是我们需要改Windows中的hosts文件,将请求发送到localhost,这是我们Nginx就会拦截代理。
此时,我们就可以通过域名(服务名)访问到Nginx中我们发布的前端项目了
因为Nginx是一个反向代理服务器,所以我们可以代理我们的后端服务器
(1)在NgInx配置文件nginx.conf中配置后端服务器,Nginx代理的过程中nginx可以实现负载均衡的调用我们的服务器(服务器多个),来解决程序并发产生的问题
(2)修改Windows中hosts文件把请求发送到localhost,实现Nginx的代理过程
(3)此时,我们就可以访问后端服务器了