Django +vue.js實現前後端分離（十三）
阿新 • • 發佈：2019-02-15
- 建立django專案 django-admin startproject ulb_manager
- 建立django下app作為專案後端 python manage,py startapp backend
- 在setting,py下的INSTALLED_APP配置下新增 backend
- 使用vue-init webpack frontend 建立一個vue專案作為前端
- npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
- 打包編譯vue專案，進入vue根目錄，npm install， npm run build
- 使用django的通用檢視TemplateView
urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^$',TemplateView.as_view(template_name="index.html")), #url(r'^api/',include('backend.urls', namespace='api'))#最後一行程式碼我註釋掉，因為執行報錯：Error:No module named 'backend.urls',暫時解決不掉，但是我執行的時候，註釋掉這行程式碼，是能正常執行的。 ]
- 配置django專案的模板搜尋路徑 'DIRS':['frontend/dist'],
- 配置靜態檔案搜尋路徑 開啟 settings.py (ulb_manager/settings.py)，找到 STATICFILES_DIRS 配置，沒有則自行新增
-
STATICFILES_DIRS = [ os.path.join(BASE_DIR, "frontend/dist/static"), ] -
執行django專案
- 執行正常介面
