CentOS8部署（Vue + Django）前后端分离项目详细版

文章目录

• CentOS8部署（Vue + Django）前后端分离项目详细版
• • • 遇到的问题
    • 跨域解决的方法
    • 工具
  • 1. 基本环境部署
  • • 安装相关的依赖包
    • 安装Python 3.9.10
    • 安装Node环境
    • 安装nginx
    • 安装MySQL
    • 在CentOS8远程链接里新建poes数据库
  • 2. 前后端项目搭建（Vue + Django），Nginx解决跨域失效问题
  • • 修改Django配置文件，确保能够正常连接MySQL数据库
    • 安装Django依赖包
    • Django 数据库迁移
    • 将已备份好的数据导入到MySQL数据库
    • 安装Vue脚手架依赖
    • 解释Vue项目打包遇到的种种问题
    • 前端Vue项目打包
  • 3. 部分项目功能展示
  • • 具体页面显示（以学生管理页面为例）
    • 添加对话框
    • 修改对话框
    • 删除对话框
    • 详情对话框
    • 分页功能
    • 分数可视化（折线图）
    • 分数可视化（饼状图）
    • 分数可视化（柱状图）
  • 4. 总结
  • • 前端框架
    • 后端框架
    • 结语
    • 参考资料

CentOS8部署（Vue + Django）前后端分离项目详细版

遇到的问题

1. 将前端Vue项目打包：npm run build。
2. Vue项目打包后跨域失效。

跨域解决的方法

1. 前端通过Node解决跨域
2. 后端通过Django解决跨域
3. 通过nginx反向代理解决跨域（本次实验使用的方法）

工具

1. CentOS 8.5
2. Python 3.9.10
3. node v16.14.0
4. npm 8.3.1
5. Navicat Premium 15

这里已经默认你按照好CentOS8了，并且已经配置好网络等基本信息。

1. 基本环境部署

安装相关的依赖包

CentOS 8没有安装epel源的问题。安装epel源后可以问题解决

yum install epel-release

这里会出错，显示不能正常安装

上网搜到原因解释： CentOS Linux 8在2022年12月31日来到生命周期终点（End of Life，EoL）。即CentOS Linux 8操作系统版本结束了生命周期（EOL），Linux社区已不再维护该操作系统版本。所以原来的CentOS Linux 8的yum源也都失效了！最终导致此问题的产生。

所以我们更换CentOS Linux 8的yum源：

# 备份原生CentOS 8源操作
cd /etc/yum.repos.d/
mkdir bak
mv CentOS-Linux-* bak

# 下载安装CentOS 8源
wget -O /etc/yum.repos.d/CentOS-Base.repo https://mirrors.aliyun.com/repo/Centos-vault-8.5.2111.repo

# 建立新的元数据缓存
yum makecache

以上操作正常操作完后就可以进行相关依赖安装

yum install epel-release
yum install openssl openssl-devel -y

安装Python 3.9.10

在CentOS8里是默认已经按照好Python3的，但是这个版本太低了（Python 3.6.x），不符合我项目的要求，所以需要重装Python3。（建议不要删除原生Python 3.6.x再安装，因为这样可能会出很多奇怪的问题。直接安装Python 3.9就可以了）
先用Xftp上传所需要的压缩包，这里我上传的目录是在/home/zyh/tools下。你放在自己喜欢的文件夹下就可以了

进入到/home/zyh/tools目