YJZH 前端部署记录 CentOS+Nginx+Vue

Posted 2021-06-24 gisliuliang

前端项目代码打包

• 请检查vue.config.js中proxy中的target最后不要有斜杠/
• 打包 npm run build
• 放到服务器/home/project/路径下

Node环境配置

• 下载源代码 sudo wget https://npm.taobao.org/mirrors/node/v13.14.0/node-v13.14.0-linux-x64.tar.xz
• node npm环境配置

mv node-v13.14.0-linux-x64.tar.xz /usr/local
//解压到当前目录
tar -xvf node-v13.14.0-linux-x64.tar.xz
//改目录名
mv node-v13.14.0-linux-x64 nodejs
//创建链接
ln -s /usr/local/nodejs/bin/node /usr/local/bin/node  
ln -s /usr/local/nodejs/bin/npm /usr/local/bin/npm

• 运行node -v，npm -v查看版本，正确则node npm环境无误
• 配置npm镜像 npm config set registry https://registry.npm.taobao.org、npm info underscore
• 全局安装pm2 npm install pm2 -g,检查是否安装成功 pm2 -v，若出现问题参考：https://blog.csdn.net/weixin_42369292/article/details/106858077

nginx安装

• gcc 安装 yum install gcc-c++
• PCRE pcre-devel 安装 yum install -y pcre pcre-devel
• zlib 安装 yum install -y zlib zlib-devel
• OpenSSL 安装 yum install -y openssl openssl-devel
• 直接下载.tar.gz安装包 wget -c https://nginx.org/download/nginx-1.12.0.tar.gz
• 解压 tar -zxvf nginx-1.12.0.tar.gz、cd nginx-1.12.0
• 配置（重要，必须加后面的参数，不然不支持HTTPS） ./configure --prefix=/usr/local/nginx --with-http_ssl_module
• 编译、安装 make、make install
• 查看安装路径 whereis nginx
• 进入nginx.conf配置文件 cd /usr/local/nginx/conf/，在这个目录下面，以实际为准
• 编辑nginx.conf

server {
        listen       9200;
        server_name  localhost;

        location / {
            root   /home/project/dist/;
            index  index.html index.htm;
        }
        location /yjzh {
            proxy_pass http://10.82.28.150:35000/api/v1;
        }
        location /api {
            proxy_pass http://10.82.28.169:15000/api;
        }
        location /gaode {
           proxy_pass https://restapi.amap.com/v3/place/text;
        }
        location /tel {
           proxy_pass http://111.22.48.162:28261;
        }
        location /tian {
           proxy_pass http://api.tianditu.gov.cn;
        }
        location /tq {
           proxy_pass http://127.0.0.1:35002/api;
        }
        location /cti {
           proxy_pass http://111.22.48.162:28261;
        }
        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
...................略
}

• 保存退出
• 启动配置vim /etc/profile，加入

PATH=$PATH:/usr/local/nginx/sbin
export PATH
source /etc/profile

• 启动nginx cd /usr/local/nginx/sbin/、./nginx
• 每次改完nginx.conf后需要reload /usr/local/nginx/sbin/nginx -s reload