Vue+DRF搭建博客之后端篇（一）

最新推荐文章于 2025-06-11 08:26:28 发布

原创最新推荐文章于 2025-06-11 08:26:28 发布 · 666 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#python #django

手动搭建博客同时被 2 个专栏收录

8 篇文章

订阅专栏

博客后端搭建

3 篇文章

订阅专栏

本文介绍如何使用Django REST framework (DRF) 和 Vue.js 构建博客系统的后端部分，包括设置DRF环境、配置数据库连接以及解决跨域问题。

文章目录

一、搭建后端使用的框架
二、创建对应的远程代码仓库
三、创建和初始化Django项目

一、搭建后端使用的框架

这里搭建后端使用Django-REST-framework（DRF），因为相比使用java的springboot搭建起来要轻松一些，而且python是动态语言，也能省去一些编译的时间。

二、创建对应的远程代码仓库

https://gitee.com/warrior__night/my-website-backend.git
前面前端篇已经展示过了git的使用，这里不再赘述。

三、创建和初始化Django项目

直接使用Pycharm进行一键搭建（不过不知道环境出了什么问题，每次使用虚拟环境时pycharm都会报错，故只好放弃使用虚拟环境，Django版本3.1.7）

创建使用的数据库

使用navicat直接创建mywebsite数据库
在这里插入图片描述

在Django中初始化数据库

在__init__.py中添加如下代码，即配置数据库为MySQL数据库：

import pymysql
pymysql.version_info = (1, 4, 13, "final", 0)
pymysql.install_as_MySQLdb()

然后修改settings.py中DATABASES的内容：

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'mywebsite',
        'USER': 'root',
        'PASSWORD': xxxx,
        'HOST': 'localhost',
        'PORT': '3306',
    }
}

测试数据库是否配置成功：
输入命令：

>manage.py makemigrations
No changes detected

这样即为成功

配置DRF

在settings中添加：

INSTALLED_APPS = [
    ...,
    'rest_framework'
]

由于前后端分离，因而会涉及到跨域请求的问题，先将csrf的中间件注释掉：

MIDDLEWARE = [
	...
    # 'django.middleware.csrf.CsrfViewMiddleware',
    ...
]

这样基本的环境配置工作就已经完成。

下一步：Vue+DRF搭建博客之后端篇（二）