python框架django中结合vue进行前后端分离_python

django-admin startproject mysite   # 创建mysite项目

django-admin startapp app01# 创建app01应用

npm install -g cnpm --registry=https://registry.npm.taobao.org 

cnmp install -g cue-cli

cd firstvue         ## 进入到上一部创建的firstvue项目中  
cnpm install        ## 安装需要的依赖模块  
cnpm run dev        ## 运行调式的服务，会启动一个web服务，访问localhost:8080 即可调式  

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['vue-admin-master/dist'], # 修改内容
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

STATIC_URL = '/static/'

STATICFILES_DIRS=[
    os.path.join(BASE_DIR,'vue-admin-master/dist/static/'), # 添加内容
]

from django.contrib import admin
from django.urls import path
from blog import views
from django.views.generic.base import TemplateView

urlpatterns = [
    path('admin/', admin.site.urls),
    path(r'', TemplateView.as_view(template_name='index.html')),
]

python manage.py runserver
http://127.0.0.1:8000/#/login

url(/static/fonts/fontawesome-webfont.b06871f.ttf),
换成
url(../fonts/fontawesome-webfont.b06871f.ttf),