使用80端口统一部署前端：VITE_PUBLIC_PATH 与nginx后台代理设置

### Fastify 后台配置与服务器端使用方法 #### 1. **Fastify 基本概念** Fastify 是一种高性能的 Node.js Web 框架，专注于速度和低开销。它提供了简洁的 API 和强大的插件生态系统，使其成为构建高效后端服务的理想选择[^2]。 #### 2. **创建并启动一个基本的 Fastify 应用程序** 以下是初始化和运行一个简单的 Fastify 服务器的方法： ```javascript const fastify = require('fastify')({ logger: true }); // 定义路由 fastify.get('/', async (request, reply) => { return { hello: 'world' }; }); // 启动服务器 const start = async () => { try { await fastify.listen(3000); } catch (err) { fastify.log.error(err); process.exit(1); } }; start(); ``` 此代码片段展示了如何定义一个 GET 路由以及如何监听指定端口来启动服务器[^2]。 #### 3. **集成 Vite 到 Fastify 中** 为了支持现代化前端工具链（如 Vite），可以借助 `fastify-vite` 插件完成两者的无缝集成。具体操作如下所示： 安装依赖项： ```bash npm install fastify fastify-vite vite ``` 随后，在应用程序中引入该插件： ```javascript const fastify = require('fastify')(); async function main() { const server = fastify({ logger: true, }); // 注册 fastify-vite 插件 await server.register(require('fastify-vite'), { rootDir: __dirname, publicPath: '/public/', }); await server.listen(3000); } main().catch((error) => console.error(error)); ``` 这段脚本实现了将 Vite 集成至 Fastify 的功能[^1]。 #### 4. **反向代理设置** 如果需要为 Fastify 设置反向代理，则可以通过 Nginx 实现这一目标。下面是一个典型的 Nginx 配置文件示例： ```nginx server { listen 80; server_name localhost; location /api/ { proxy_pass http://localhost:3000/; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; } } ``` 上述配置会把所有 `/api/*` 请求转发给本地正在运行于 3000 端口上的 Fastify 实例处理[^3]。 #### 5. **与其他框架对比** 相比其他流行的 JavaScript 后端框架比如 Express 或者 Nest.js ，Fastify 提供了更优性能的同时保持易用性和灵活性。例如，当结合 Sequelize ORM 使用时，它可以轻松应对复杂的数据库交互需求；而在架构设计方面则借鉴了 Clean Architecture 思想，从而提高了系统的可维护性与扩展能力[^4]。 #### 6. **总结** 综上所述，Fastify 不仅具备出色的性能表现还拥有丰富的生态资源可供开发者选用。无论是初学者还是有经验的专业人士都能从中受益匪浅。