1. 程式人生 > 其它 >YJZH 前端部署記錄 CentOS+Nginx+Vue

YJZH 前端部署記錄 CentOS+Nginx+Vue

前端專案程式碼打包

  • 請檢查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.orgnpm 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.gzcd nginx-1.12.0
  • 配置(重要,必須加後面的引數,不然不支援HTTPS) ./configure --prefix=/usr/local/nginx --with-http_ssl_module
  • 編譯、安裝 makemake 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