YJZH 前端部署記錄 CentOS+Nginx+Vue
阿新 • • 發佈:2021-06-24
前端專案程式碼打包
- 請檢查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