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

一、配置uwsgi.ini

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

測(cè)試效果命令：

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

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

二、配置nginx

我的nginx.conf所在位置是“/etc/nginx/nginx.conf”

配置文件如下：

三、部分配置解析：

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)聽的端口不同。

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

以及后面的端口問題：

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)聽不到

5、后端跨域問題。如果遇到跨域需要自己網(wǎng)上找配置，我的沒遇到，可能是因?yàn)槲以赿jango的settings中配置了跨域。

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

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

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

python manage.py collectstatic

接下來你就回發(fā)現(xiàn)static文件中包含了css文件，此時(shí)再打開網(wǎng)站，樣式顯示正常。uWSGI 通過 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 --reload uwsgi.pid

停止：

教訓(xùn)：

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

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

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

netstat -aptn命令行，查看所有開啟的端口號(hào)

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