RPM包安装Nginx部署Zr.Admin Vue2前端

0、确认node环境

安装node 参考Linux Red Hat安装包安装nodejs

设置 registry

执行

npm set registry https://registry.npmmirror.com/

1、安装依赖

进入代码根目录

cd /lsp/code/zradmin/ZR.Vue

安装依赖

执行

npm install

最后生成node_modules文件夹

2、测试运行

执行

npm run dev

宿主主机访问测试

3、生产打包

执行

npm run build:prod

最终生成dist文件夹

4、安装nginx

下载RPM包

执行

yum install -y ./centos-indexhtml-7-9.el7.centos.noarch.rpm ./gperftools-libs-2.6.1-1.el7.x86_64.rpm ./nginx-1.20.1-10.el7.x86_64.rpm ./nginx-filesystem-1.20.1-10.el7.noarch.rpm ./openssl11-libs-1.1.1k-7.el7.x86_64.rpm

创建zr.conf文件

执行

cat > /etc/nginx/conf.d/zr.conf << \EOF
server {listen       80;server_name  localhost;charset utf-8;location / {root   /lsp/code/zradmin/ZR.Vue/dist;try_files $uri $uri/ /index.html;index  index.html index.htm;}location /prod-api/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://localhost:8888/;}
}
EOF

重启nginx

执行

systemctl  restart  nginx

5、访问项目

宿主主机浏览器访问