直接運行vue+django項目

直接運行vue+django項目

1. 下載前后端代碼

wget https://files.cnblogs.com/files/pyyu/luffy_boy.zip

wget https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip

2. 解壓縮前后端源碼壓縮包

unzip luffy_boy.zip

unzip 07-luffy_project_01.zip

3. 先從后端搞起 進入后端路飛代碼文件夾

4. 解決后端python模塊問題，准備一個模塊版本文件

   requirements.txt 這個文件可以手動創建

   touch requirements.txt

   寫入如下模塊依賴

   certifi==2018.11.29
   chardet==3.0.4
   crypto==1.4.1
   Django==2.1.4
   django-redis==4.10.0
   django-rest-framework==0.1.0
   djangorestframework==3.9.0
   idna==2.8
   Naked==0.1.31
   pycrypto==2.6.1
   pytz==2018.7
   PyYAML==3.13
   redis==3.0.1
   requests==2.21.0
   shellescape==3.4.1
   urllib3==1.24.1
   uWSGI==2.0.17.1
   

   ​

5. 安裝這個模塊依賴文件

pip3 install -i https://pypi.douban.com/simple -r requirements.txt

6. 運行后端 代碼

python3 manage.py runserver 0.0.0.0:8000

7. 開始准備前端代碼

8. 准備打包環境 node環境

   1. 下載node環境

   cd /opt

   wget https://nodejs.org/download/release/v8.6.0/node-v8.6.0-linux-x64.tar.gz

   2. 配置node環境的環境變量

      解壓縮源碼包

   tar -zxvf node-v8.6.0-linux-x64.tar.gz

   3. 配置node的環境變量

   vim /etc/profile

   寫入新的path

   PATH="/opt/python36/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin:/opt/node-v8.6.0-linux-x64/bin"

   ​ 讀取全局配置文件，加載node的環境變量

   source /etc/profile

   4. 檢測node環境是否正常

   node -v

   npm -v

   5. 進入vue代碼包中，開始進行打包，注意修改vue的api請求接口地址！！！

   cd /opt/s16luffy/07-luffy_project_01

   ​ 替換所有的api.js請求地址：命令如下

   sed -i "s/127.0.0.1/192.168.15.53/g" api.js

   6. 此時進行打包

   npm install

   npm run build

   7. 只需要將vue的靜態文件，發布到web服務器，訪問web服務器即可
   8. 安裝配置nginx web服務器，訪問到vue的靜態文件

   yum install nginx -y

   9. 配置nginx，結合vue的靜態文件

      配置nginx的配置文件，讓nginx可以返回vue的靜態文件

   vim /etc/nginx/nginx.conf

   #修改代碼和我一樣
   找到如下代碼，只需要修改root這個參數!!!!!!!!!!!!
    server {
   		listen       80 default_server;
   		listen       [::]:80 default_server;
   		server_name  _;
   		#root這個參數代表定義網頁根目錄，只要訪問nginx，nginx就去這個目錄尋找一個名叫index.html的文件
   		root         /opt/s16luffy/07-luffy_project_01/dist;
   

   10. 修改了nginx配置文件之后，需要nginx服務才能生效

   systemctl restart nginx

   11. 此時在windows中訪問linux的80端口，查看是否定位到路飛學城
   12. 訪問課程列表，查看是否可以正常向后端發送數據
   13. 添加課程數據是存放到redis中的，需要安裝redis

   yum install redis -y

   14. 啟動redis服務端

   systemctl start redis

   15. 添加django 和linux的課程，登錄alex用戶

   賬號 alex

   密碼 alex3714

   查看購物車數據