Foadmin 开发文档

基于 Vue 3 + Vite 和 FastAPI 构建的企业级后台管理系统完整开发指南

文档目录

11. 宝塔部署教程

1、服务端部署


1.1环境安装


我们这里选择选用最新的Python 3.13.7,安装好之后开始创建项目信息跟下图一样

_200957_186.png

修改.env

MYSQL_DSN=mysql+pymysql://username:password@localhost:3306/foadmin

修改配置文件在配置中添加下面代码注意这个127.0.0.1:8080你启动端口是多少这里就写多少

    location / {
    proxy_pass http://127.0.0.1:8080;

    proxy_set_header Host              $host;          
    proxy_set_header X-Forwarded-Host  $host;           
    proxy_set_header X-Forwarded-Proto $scheme;         
    proxy_set_header X-Forwarded-Port  $server_port;    

    proxy_set_header X-Real-IP         $remote_addr;
    proxy_set_header X-Forwarded-For   $proxy_add_x_forwarded_for;

    proxy_set_header Forwarded "proto=$scheme;host=$host";

    proxy_http_version 1.1;
    proxy_set_header Upgrade    $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_connect_timeout 30s;
    proxy_read_timeout 86400s;
    proxy_send_timeout 30s;

}

绑定域名开启外网映射,下图这样就算是成功了,然后访问我们的域名出现{"detail":"Not Found"}就算是成功了

{"detail":"Not Found"}

e49d1887-462f-4148-9a19-2c98b4206b3d.png


然后就是前端了,很简单解压开,进入找到src\api\http.js

const http = axios.create({
  baseURL: import.meta.env.VITE_API_BASE || 'https://修改为你的域名',
  timeout: 15000
})

然后在根目录运行npm install执行完毕在运行npm run build  打包之后把打包好的dist上传到宝塔,然后在宝塔创建一个html项目选择这个目录为根目录为静态设置为


location / {
  if (!-e $request_filename) {
    rewrite  ^(.*)$ /index.html?s=/$1  last;
    break;
  }
}

后台默认用户密码  admin    123456