网站搭建与部署（二）——Nginx部署服务与代理

这里我用的后端语言是node.js，所以需要先安装node.js、mysql以及数据库工具Navicat。重点是Nginx的使用。
一、安装Nginx。
1、Nginx官网下载，这里我选择的是windows版本。

2、解压之后，双击nginx.exe，控制台一闪而过，其实已经启动了，浏览器输入http://localhost，显示Welcome to nginx!则表示启动成功。

3、关闭Nginx服务。nginx安装目录下输入命令：taskkill /f /t /im nginx.exe 可以彻底关闭nginx下所有服务。
二、部署前端资源。
1、将vue项目打包的dist文件更改名称后拷贝到nginx安装目录的html文件中，这里我们有官网和管理端两个项目personweb，personweb_admin。

2、更改nginx配置，打开conf/nginx.conf文件，修改server中的端口和文件地址。

3、启动多个服务，这里我们同时启动personweb，personweb_admin两个服务，所以就需要把server的内容复制一份，再改端口和文件目录

4、配置代理，此时我们已经可以访问静态网页了，但无法访问接口，需要在server中配置代理。

location /base-server {
	proxy_pass http://**.**.**.**:9527;
	proxy_redirect off;
	proxy_set_header Host $host;
	proxy_set_header X-Real-IP $remote_addr;
	proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
	proxy_set_header Connection "";
	proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
	proxy_max_temp_file_size 0;
	proxy_connect_timeout 90;
	proxy_send_timeout 90;
	proxy_read_timeout 90;
	proxy_buffer_size 4k;
	proxy_buffers 4 32k;
	proxy_busy_buffers_size 64k;
	proxy_temp_file_write_size 64k;
}

此时，大功告成。