返回

FastAPI+VUE项目部署在CentOS 7（一文搞定）

后端

FastAPI+VUE项目部署在CentOS 7，从0到1的旅程

前言

FastAPI是一个现代的、高性能的Python Web框架，以其快速、简单、灵活而著称。VUE是一个用于构建用户界面的JavaScript框架，以其简洁、高效、易用而备受推崇。本文将详细介绍如何将FastAPI和VUE项目部署在CentOS 7系统中，希望能帮助广大开发人员快速、顺利地完成项目部署。

环境准备

在开始部署之前，我们需要先准备好必要的环境，包括：

  • CentOS 7操作系统
  • Python 3.7或更高版本
  • FastAPI
  • VUE
  • Nginx
  • uWSGI

FastAPI项目创建

  1. 创建一个新的FastAPI项目目录，并进入该目录。
mkdir fastapi-project
cd fastapi-project
  1. 创建一个新的Python虚拟环境，并激活它。
python3 -m venv venv
source venv/bin/activate
  1. 安装FastAPI和相关依赖。
pip install fastapi
pip install uvicorn
  1. 创建一个新的FastAPI应用程序。
uvicorn main:app

VUE项目创建

  1. 创建一个新的VUE项目目录，并进入该目录。
mkdir vue-project
cd vue-project
  1. 初始化一个新的VUE项目。
vue create my-app
  1. 安装VUE CLI和相关依赖。
npm install -g @vue/cli
npm install
  1. 构建VUE项目。
npm run build

Nginx配置

  1. 安装Nginx。
yum install nginx
  1. 创建一个新的Nginx配置文件。
touch /etc/nginx/conf.d/fastapi-vue.conf
  1. 在配置文件中添加以下内容：
server {
    listen 80;
    server_name example.com;

    location / {
        proxy_pass http://127.0.0.1:8000;
    }

    location /static {
        alias /path/to/vue-project/dist;
    }
}
  1. 重启Nginx。
systemctl restart nginx

uWSGI配置

  1. 安装uWSGI。
pip install uwsgi
  1. 创建一个新的uWSGI配置文件。
touch /etc/uwsgi/apps-available/fastapi-vue.ini
  1. 在配置文件中添加以下内容：
[uwsgi]
socket = 127.0.0.1:8000
module = main:app
  1. 启用uWSGI配置文件。
ln -s /etc/uwsgi/apps-available/fastapi-vue.ini /etc/uwsgi/apps-enabled/
  1. 启动uWSGI。
uwsgi --ini /etc/uwsgi/apps-enabled/fastapi-vue.ini

生产环境部署

  1. 将FastAPI项目和VUE项目打包成Docker镜像。
docker build -t fastapi-vue .
  1. 将Docker镜像推送到Docker仓库。
docker push fastapi-vue
  1. 在生产环境的服务器上拉取Docker镜像。
docker pull fastapi-vue
  1. 运行Docker镜像。
docker run -d -p 80:80 fastapi-vue

总结

本文详细介绍了在CentOS 7系统中部署FastAPI+VUE项目的步骤，包括环境搭建、Nginx配置、uwsgi配置、vue-cli配置以及生产环境部署。希望对广大开发人员有所帮助。如果您在部署过程中遇到任何问题，欢迎随时交流。