1. 程式人生 > >Django連線VUE,前後端分離

Django連線VUE,前後端分離

搭建Django參考改自here
1、建立Django專案:

django-admin startproject ulb_manager

2、進入專案根目錄,建立app作為專案後端

cd ulb_manager
python manage.py startapp backend

在這裡backend為專案後端名字
因為已經有了VUE前端,所以目前就只是連線起來,能夠在django下連線到前端。
首先把前端VUE移到Django資料夾下,目錄結構為:
在這裡插入圖片描述
首先修改config下的index.js,修改為圖中的樣子,
在這裡插入圖片描述
然後開始部署VUE

cd shumeier
cnpm install
cnpm run build

部署好了之後,返回上級目錄

cd …
python manage.py runserver

然後會在命令列中得到:
在這裡插入圖片描述
在瀏覽器中輸入 http://127.0.0.1:8000/
即可看到之前寫好的VUE前端