Django是一個開源的Python Web框架,Vue.js是一個漸進式JavaScript框架。兩者結合可以實現前后端分離的開發方式,使得開發更為方便。在本文中,我們將介紹Django如何連接Vue.js。
首先,在Django項目中新建一個app,我們可以使用如下命令:
$ python manage.py startapp myapp
在Vue.js項目中,我們需要使用axios來進行HTTP請求,我們可以在Vue.js項目中使用如下命令來安裝axios:
$ npm install axios --save
現在,我們需要將Vue.js的編譯文件放到Django項目的static文件夾中。在Vue.js項目的根目錄下執行如下命令:
$ npm run build
執行完上述命令后,我們會發現在Vue.js項目的dist文件夾中生成了一個index.html文件和一個static文件夾。將這兩個文件復制到Django項目的static文件夾中。
接下來,在Django項目中配置靜態文件的路徑。在settings.py文件中,設置如下內容:
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
]
最后,在Django的urls.py文件中添加如下代碼:
from django.views.generic import TemplateView
urlpatterns = [
url(r'^$', TemplateView.as_view(template_name='index.html')),
]
現在,我們可以通過運行Django項目,訪問 http://localhost:8000 來查看Vue.js網頁應用了。如果一切正常,我們可以看到已連接的Vue.js應用頁面。
上一篇mysql同時查兩個字段
下一篇mysql億級數據量