色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

django連接vue

錢琪琛1年前8瀏覽0評論

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應用頁面。