久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

分享

Django Vue前后端分離項目部署

 只怕想不到 2021-10-26

后端用的Django REST Framework,使用的是uwsgi+nginx,,前端使用的Vue。

一,、配置uwsgi.ini

進(jìn)入服務(wù)器項目文件目錄下,,我的django項目放在了“/usr/myProjects/”目錄下了。在manage.py同級目錄下創(chuàng)建uwsgi.ini文件,,配置如下:

#添加配置選擇[uwsgi]#配置和nginx連接的socket連接
socket= :8888#配置項目路徑,,項目的所在目錄chdir=/usr/myProject/dacts#配置wsgi接口模塊文件路徑,也就是wsgi.py這個文件所在的目錄名(dacts/wsgi.py)module=dacts.wsgi#配置啟動的進(jìn)程數(shù)processes=4#配置每個進(jìn)程的線程數(shù)threads=2#配置啟動管理主進(jìn)程master=True#配置存放主進(jìn)程的進(jìn)程號文件pidfile=uwsgi.pid#配置dump日志記錄daemonize=uwsgi.log

測試效果命令:

uwsgi --http :8000 --module dacts.wsgi

如果訪問:xxx.xxx.xxx.xx:8000 成功,  則uwsgi.ini配置成功。

圖片

二,、配置nginx

我的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; # 此處填寫服務(wù)器域名+ 空格+ ip

location / { root /root/dist; #打包后的vue項目地址,,我直接丟root目錄下了 index index.html index.html; try_files $uri $uri/ /index.html;
}
location /api/ { proxy_pass http://; # 反向代理地址 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 x; #改為自己的域名 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路由時會去掉地址后面的'#’號,打包部署后不加權(quán)限會有bug,。


2,、如配置所示,有兩個Server,,分別部署了前端服務(wù),,和后端服務(wù),值得注意的是兩個Server用的是同一個服務(wù)器,,監(jiān)聽的端口不同,。


3、vue部署需要注意的是反向代理地址:

proxy_pass http://; # 反向代理地址

以及后面的端口問題:

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 后面的端口號要和uwsgi.ini中配的相同,,否則監(jiān)聽不到

location / { include uwsgi_params; uwsgi_pass 127.0.0.1:8888; #端口要和uwsgi里配置的一樣 }

5、后端跨域問題,。如果遇到跨域需要自己網(wǎng)上找配置,,我的沒遇到,可能是因為我在django的settings中配置了跨域,。


6,、我開始后臺監(jiān)聽的是8008端口,vue前端監(jiān)聽的是80端口,,這樣前端顯示好看,。然而問題出現(xiàn)了,雖然后臺api可以正常訪問,,vue的本地開發(fā)環(huán)境也能正常運(yùn)行且文字,、圖片資源均顯示正常,但是前端vue打包線上部署后,,文字信息顯示正常,,圖片信息缺失8008端口,導(dǎo)致顯示不出來,。為圖方便我選擇了前端監(jiān)聽8008端口,,后端監(jiān)聽80,部署后顯示正常,。原因不太清楚,。


7,、不要問我為啥都前后端分離了還部署到一個服務(wù)器上?窮,,而且只是測試,,沒必要.


8、此文僅適合入門,。如果樣式缺失,,輸入如下命令:

python manage.py collectstatic

接下來你就回發(fā)現(xiàn)static文件中包含了css文件,此時再打開網(wǎng)站,,樣式顯示正常,。uWSGI 通過 xxx.ini 啟動后會在相同目錄下生成一個 xxx.pid 的文件,里面只有一行內(nèi)容是 uWSGI 的主進(jìn)程的進(jìn)程號,。

關(guān)于uwsgi,進(jìn)入同屆目錄下啟動:

uwsgi --ini uwsgi.ini

重啟:

uwsgi --reload uwsgi.pid

停止:

uwsgi --stop uwsgi.pid

教訓(xùn):

圖片

獲取不到環(huán)境,,那就指定環(huán)境。

圖片

圖片

另外:記得重啟uwsgi,,重啟Nginx,,實在不行就先把監(jiān)聽的端口kill掉再重啟。

暴力刪端口:fuser -k 80/tcp

netstat -aptn命令行,,查看所有開啟的端口號

netstat -ntlp | grep 80  查看具體的端口是否使用
ps -ef | grep uwsgi   查看是否有uwsgi端口存在

作者:蝸牛LR
鏈接:https://www.jianshu.com/p/376b5554c457
來源:簡書

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點,。請注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購買等信息,謹(jǐn)防詐騙,。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多