这里我用的后端语言是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;
}
此时,大功告成。