Python 前后端分离项目Vue部署应用

一、视图创建

from django.http import JsonResponse
from django.shortcuts import render

# Create your views here.
from django.views import View


class IndexView(View):
    def get(self,request):

        # 前后端分离 (前端JS代码渲染数据)
        return JsonResponse({'name':'Hello,mike'})

二、配置子路由

from django.urls import path

from book import views

urlpatterns = [
    #子路由
    path('', views.IndexView.as_view()),

]

三、配置主路由

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('', include('book.urls')),  #子路由
    path('admin/', admin.site.urls),
]

四、解决跨域查看(Python 安装django-cors-headers解决跨域问题-CSDN博客)

五、HTML页面

Python 前后端分离项目Vue部署应用_第1张图片 my.html页面




    
    前后端分离数据
    
    
    


{{name}}

 六、运行前后端服务

 http://127.0.0.1:8000

 http://127.0.0.1:8080/my.html 

Python 前后端分离项目Vue部署应用_第2张图片

 效果:Python 前后端分离项目Vue部署应用_第3张图片

Python 前后端分离项目Vue部署应用_第4张图片 

你可能感兴趣的:(python,vue.js,开发语言)