后端用的Django REST Framework，使用的是uwsgi+nginx，前端使用的Vue。
進(jìn)入服務(wù)器項(xiàng)目文件目錄下，我的django項(xiàng)目放在了“/usr/myProjects/”目錄下了。在manage.py同級(jí)目錄下創(chuàng)建uwsgi.ini文件，配置如下：
#添加配置選擇[uwsgi]#配置和nginx連接的socket連接
socket= :8888#配置項(xiàng)目路徑，項(xiàng)目的所在目錄chdir=/usr/myProject/dacts#配置wsgi接口模塊文件路徑,也就是wsgi.py這個(gè)文件所在的目錄名（dacts/wsgi.py）module=dacts.wsgi#配置啟動(dòng)的進(jìn)程數(shù)processes=4#配置每個(gè)進(jìn)程的線(xiàn)程數(shù)threads=2#配置啟動(dòng)管理主進(jìn)程master=True#配置存放主進(jìn)程的進(jìn)程號(hào)文件pidfile=uwsgi.pid#配置dump日志記錄daemonize=uwsgi.log測(cè)試效果命令：
uwsgi --http :8000 --module dacts.wsgi如果訪(fǎng)問(wèn)：xxx.xxx.xxx.xx:8000 成功， 則uwsgi.ini配置成功。
我的nginx.conf所在位置是“/etc/nginx/nginx.conf”
配置文件如下：
user root nginx;worker_processes auto;error_log /var/log/nginx/error.log;pid /run/nginx.pid;
events { worker_connections 1024;}
http { log_format main '$remote_addr - $remote_user [$time_local] '$request' ' '$status $body_bytes_sent '$http_referer' ' ''$http_user_agent' '$http_x_forwarded_for'';
access_log /var/log/nginx/access.log main;
sendfile on; tcp_nopush on; tcp_nodelay on; keepalive_timeout 65; types_hash_max_size 2048;
include /etc/nginx/mime.types; default_type application/octet-stream;
# 前端vue服務(wù)器 server { listen 8008; server_name xxxx.com 47.xx.xxx.xx; # 此處填寫(xiě)服務(wù)器域名+ 空格+ ip
location / { root /root/dist; #打包后的vue項(xiàng)目地址，我直接丟root目錄下了 index index.html index.html; try_files $uri $uri/ /index.html;
}
location /api/ { proxy_pass http://xxxxx.com; # 反向代理地址 proxy_read_timeout 600s; client_max_body_size 100M; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; }
error_page 404 /404.html; location = /40x.html { }
error_page 500 502 503 504 /50x.html; location = /50x.html { }
} # 后端drf服務(wù)器 server { listen 80; server_name xxxxxx.com; #改為自己的域名 charset utf-8; location / { include uwsgi_params; uwsgi_pass 127.0.0.1:8888; #端口要和uwsgi里配置的一樣 uwsgi_read_timeout 2; } location /static { alias /usr/myProject/dacts/static/; }
location /media { alias /usr/myProject/dacts/media/; } } }
1、第一行
user root nginx;主要就是給nginx加權(quán)限，vue部署后使用history路由時(shí)會(huì)去掉地址后面的'#’號(hào)，打包部署后不加權(quán)限會(huì)有bug。
2、如配置所示，有兩個(gè)Server，分別部署了前端服務(wù)，和后端服務(wù)，值得注意的是兩個(gè)Server用的是同一個(gè)服務(wù)器，監(jiān)聽(tīng)的端口不同。
3、vue部署需要注意的是反向代理地址：
proxy_pass http://xxxxx.com; # 反向代理地址以及后面的端口問(wèn)題：
proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
4、后端的Server需要注意location中的uwsgi_pass 后面的端口號(hào)要和uwsgi.ini中配的相同，否則監(jiān)聽(tīng)不到
location / { include uwsgi_params; uwsgi_pass 127.0.0.1:8888; #端口要和uwsgi里配置的一樣 }5、后端跨域問(wèn)題。如果遇到跨域需要自己網(wǎng)上找配置，我的沒(méi)遇到，可能是因?yàn)槲以赿jango的settings中配置了跨域。
6、我開(kāi)始后臺(tái)監(jiān)聽(tīng)的是8008端口，vue前端監(jiān)聽(tīng)的是80端口，這樣前端顯示好看。然而問(wèn)題出現(xiàn)了，雖然后臺(tái)api可以正常訪(fǎng)問(wèn)，vue的本地開(kāi)發(fā)環(huán)境也能正常運(yùn)行且文字、圖片資源均顯示正常，但是前端vue打包線(xiàn)上部署后，文字信息顯示正常，圖片信息缺失8008端口，導(dǎo)致顯示不出來(lái)。為圖方便我選擇了前端監(jiān)聽(tīng)8008端口，后端監(jiān)聽(tīng)80，部署后顯示正常。原因不太清楚。
7、不要問(wèn)我為啥都前后端分離了還部署到一個(gè)服務(wù)器上？窮，而且只是測(cè)試，沒(méi)必要.
8、此文僅適合入門(mén)。如果樣式缺失，輸入如下命令：
python manage.py collectstatic接下來(lái)你就回發(fā)現(xiàn)static文件中包含了css文件，此時(shí)再打開(kāi)網(wǎng)站，樣式顯示正常。uWSGI 通過(guò) xxx.ini 啟動(dòng)后會(huì)在相同目錄下生成一個(gè) xxx.pid 的文件，里面只有一行內(nèi)容是 uWSGI 的主進(jìn)程的進(jìn)程號(hào)。
關(guān)于uwsgi,進(jìn)入同屆目錄下啟動(dòng)：
uwsgi --ini uwsgi.iniuwsgi --reload uwsgi.piduwsgi --stop uwsgi.pid教訓(xùn)：
獲取不到環(huán)境，那就指定環(huán)境。
另外：記得重啟uwsgi，重啟Nginx，實(shí)在不行就先把監(jiān)聽(tīng)的端口kill掉再重啟。
暴力刪端口：fuser -k 80/tcp
netstat -aptn命令行，查看所有開(kāi)啟的端口號(hào)
netstat -ntlp | grep 80 查看具體的端口是否使用
ps -ef | grep uwsgi 查看是否有uwsgi端口存在
聯(lián)系客服
