Vite Go 集成项目教程

1. 项目目录结构及介绍

Vite Go 集成项目是为了简化将 Vite 前端框架与 Go 后端服务结合的开发流程。以下是项目的目录结构及其说明：

.
├── frontend/          # 前端代码目录
│   ├── src/           # 源代码目录
│   ├── public/        # 公共资源目录，如图片、图标等
│   └── dist/          # Vite 构建输出目录
├── go.mod             # Go 依赖配置文件
├── go.sum             # Go 依赖校验文件
├── handler.go         # HTTP 处理器实现
├── helper_function_test.go  # 辅助函数测试
├── manifest.go        # 清单文件处理
├── metadata.go        # 元数据处理
└── serverStaticFolder.go  # 静态文件服务函数

• frontend/: 存放前端代码，使用 Vite 进行构建。
• frontend/src/: 前端源代码，包括 HTML、CSS、JavaScript 文件。
• frontend/public/: 存放公共静态资源，如图片、字体文件等。
• frontend/dist/: Vite 构建生成的生产环境静态文件。
• go.mod 和 go.sum: Go 项目的依赖管理文件。

2. 项目的启动文件介绍

项目的启动文件通常是 main.go，但在此结构中并未显示。在 Go 代码中，会创建一个 HTTP 服务器，并设置相应的路由处理器。以下是启动 HTTP 服务器的基本代码示例：

package main

import (
    "net/http"
)

func main() {
    http.HandleFunc("/", handler)
    http.ListenAndServe(":8080", nil)
}

func handler(w http.ResponseWriter, r *http.Request) {
    // 处理请求的逻辑
}

在这个示例中，http.HandleFunc 设置了根路由的处理函数 handler，而 http.ListenAndServe 则启动了监听 8080 端口的 HTTP 服务器。

3. 项目的配置文件介绍

项目的配置通常包含在代码中的常量定义或者配置文件中。在这个 Vite Go 集成项目中，配置主要是通过 vite.Config 结构体进行设置的。以下是一个配置示例：

config := vite.Config{
    FS:           os.DirFS("frontend/dist"),
    IsDev:        *isDev,
    ViteURL:      "http://localhost:5173",
    ViteEntry:    "src/main.js",
    PublicFS:     os.DirFS("frontend/public"),
}

在这个配置中：

• FS 指定了前端构建输出的目录。
• IsDev 表示是否为开发模式。
• ViteURL 是 Vite 开发服务器的地址。
• ViteEntry 是前端应用的入口文件。
• PublicFS 指定了公共静态资源的目录。

这些配置项可以根据实际项目需求进行调整。