一.準備工作(前面有具體步驟)
2.修改python3的環境變數，寫入到/etc/profile中
path=/opt/python36/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/opt/ruby/bin/:/root/bin
3.修改~/.bashrc
寫入變數
4.新建乙個虛擬環境 vuedrf
mkvirtualenv vuedrf
5.準備前後端的**
如果**在本地，傳到伺服器使用lrzsz 和xftp工具
6. 解壓縮**
unzip ***.zip
7.從vue前端**搞起
(1).要在伺服器上，編譯打包vue專案，必須得有node環境
wget
解壓縮tar-zxvf node-v8.6.0-linux-x64.tar.gz
進入node資料夾
[root@web02 opt]# cd node-v8.6.0-linux-x64/[root@web02 node-v8.6.0-linux-x64]# ls
bin changelog.md etc include lib license readme.md share
[root@web02 node-v8.6.0-linux-x64]# ls bin
node npm npx
[root@web02 node-v8.6.0-linux-x64]# ./bin/node -v
v8.6.0[root@web02 node-v8.6.0-linux-x64]# ./bin/npm -v5.3.0
將node命令，新增至linux環境變數,修改/etc/profile，寫入
path=$path:/opt/node-v8.6.0-linux-x64/bin
讀取檔案，生效path
source /etc/profile
測試path
[root@web02 node-v8.6.0-linux-x64]# node -v
v8.6.0[root@web02 node-v8.6.0-linux-x64]# npm -v5.3.0
(2).node環境有了，安裝node模組，以及打包node專案
進入vue原始碼目錄
cd07-luffy_project_01/安裝vue模組，預設去裝package.json的模組內容，如果出現模組安裝失敗，手動再裝
npm install
此時注意，你本地寫的vue**，介面很可能連線的伺服器位址有問題，注意axios.post提交的位址，一定得傳送給django應用(如果用了nginx，就傳送給nginx的入口埠)
超哥這裡為了試驗方便，將vue專案和django專案放在了一台伺服器，通過nginx反向**功能(8000埠)，**vue請求給django(9000)
準備編譯打包vue專案，替換配置檔案所有位址，改為伺服器位址
sed-i 's/127.0.0.1/192.168.119.12/g' /opt/07-luffy_project_01/src/restful/api.js
此時打包vue專案，生成乙個dist靜態資料夾
npm run build
檢查dist資料夾
[root@web0207-luffy_project_01]# ls dist/index.htmlstatic
(3).至此vue**就結束了，只需要讓nginx配置，找到vue的index.html首頁檔案即可
nginx這裡不做解釋，編譯安裝好即可
server {
#使用者訪問網域名稱或者ip，預設是nginx的80埠
listen80;
server_name192.168.119.12;
#url匹配/ 也就是請求位址是192.168.119.12時，進入此location，返回vue的dist下index.html路飛學城首頁
location/{
root/opt/07-luffy_project_01/dist;
index index.html;
8.配置後端**，解決虛擬環境，保證專案乾淨隔離
(1).啟用虛擬環境venv1，在虛擬環境下，安裝路飛專案所需的依賴模組
[root@web02 opt]# cat requirements.txt
certifi==2018.11.29chardet==3.0.4crypto==1.4.1django==2.1.4django-redis==4.10.0django-rest-framework==0.1.0djangorestframework==3.9.0idna==2.8naked==0.1.31pycrypto==2.6.1pytz==2018.7pyyaml==3.13redis==3.0.1requests==2.21.0shellescape==3.4.1urllib3==1.24.1uwsgi==2.0.17.1
(2).這個路飛**資料庫用的是sqllite，不需要配置資料庫了
(3).購物車用都的是redis，因此要啟動伺服器的redis-server服務端
redis-server /etc/redis.conf
ps-ef|grep redis
redis-server *:6379
(4).通過uwsgi啟動路飛專案
[uwsgi]
# django-related settings
# thebasedirectory (full path)
chdir= /opt/luffy_boy
# django's wsgi file
module =luffy_boy.wsgi
# the virtualenv (full path)
home= /opt/venv1
# process-related settings
# master
master= true# maximum number of worker processes
processes= 1# the socket (use the full path to be safe
socket= 0.0.0.0:9000# clear environment on exit
vacuum= true#後台執行uwsgi
daemonize=yes
9.配置nginx，此步重要
(1).原理圖
10.專案訪問
(1).測試賬號密碼
alex
alex3714
目前**功能演示，演示流程：
登入alex賬號
選擇免費課程，django框架學習
新增課程到購物車，檢查alex賬號的購物車記錄，新增成功後再redis有資料
部署前後端分離專案
1 將專案上傳到伺服器上 方法一 使用xftp工具，進項上傳資料夾，將專案 傳到linux伺服器當中 方式2 使用scp從本地將檔案上傳到linux伺服器中 scp r 本地資料夾 遠端使用者名稱 遠端ip 遠端資料夾 2 將mysql資料遷移到伺服器資料庫 資料匯入匯出 在linux服務端，mys...
前後端專案部署實踐
當我們之前的專案前後端 編碼完成。就要最後一步部署。我們先來看一下專案目錄。1.node modules 依賴檔案。這個是依據package.json安裝的。前文介紹到，package.json記錄生產和開發對應的依賴檔名及版本號。node modules體積較大。對於這個專案來說就 150m,在上...
前後端分開部署
前後端在生產環境中分開部署 spring 前後端分離架構 springboot應用可以打包成乙個jar包直接上傳到linux伺服器上啟動執行 vue應用可以借助webpack打包工具將所有資源打包成乙個dist資料夾，部署到天翼雲 當前發布是前後端打包成乙個包進行專案發布的 後端部署在內網，前端部署...