vue-enement-admin部署Nginx笔记

vue-enement-admin部署Nginx笔记
1、先打包前端项目
如:npm run build:prod,将项目打包成dist目录下 vue-enement-admin部署Nginx笔记_第1张图片
vue-enement-admin部署Nginx笔记_第2张图片
2、将dist目录的所有内容上传到服务器:
vue-enement-admin部署Nginx笔记_第3张图片

3、配置Nginx服务器,在nginx/conf目录下配置nginx.conf 要用sudo,如sudo vim /etc/nginx/nginx.conf
location / {
root /data/app/man/dist;
index index.html index.htm;
include proxy_params;
}

vue-enement-admin部署Nginx笔记_第4张图片
vue-enement-admin部署Nginx笔记_第5张图片
root /data/app/man/dist;
index index.html index.htm;
include proxy_params;

proxy_params文件为:
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;

vue-enement-admin部署Nginx笔记_第6张图片
4、启动nginx:到/nemo/nginx-1.8.1/sbin,执行
启动:
cd usr/local/nginx/sbin
注意:usr/local/nginx 是安装目录
./nginx

重启:
kill -HUP 主进程号或进程号文件路径
或者使用
cd /usr/local/nginx/sbin
./nginx -s reload
关闭
./nginx -s stop

vue-enement-admin部署Nginx笔记_第7张图片

命令:
curl localhost
解压:tar xvf dist.tar.gz
打包:tar zcvf xxx.tar.gz 目录

你可能感兴趣的:(vue-enement-admin部署Nginx笔记)