hono-static ​

import { Hono } from 'hono'
import { serveStatic } from '@hono/static-assets'

const app = new Hono()

// 提供单个文件
app.get('/favicon.ico', serveStatic({ path: './assets/favicon.ico' }))

// 提供目录中的所有文件
app.use('/static/*', serveStatic({ root: './public' }))
// 例如: /static/css/style.css 将提供 ./public/css/style.css

// 提供 SPA 应用的 index.html
app.get('*', serveStatic({ path: './dist/index.html' }))

app.listen(3000)

import { Hono } from 'hono'
import { serveStatic } from '@hono/static-assets'
import path from 'path'

const app = new Hono()

// 自定义配置
app.use(
  '/assets/*',
  serveStatic({
    // 静态文件根目录
    root: './public',

    // 缓存控制
    cache: {
      // 浏览器缓存时间（秒）
      maxAge: 60 * 60 * 24 * 30, // 30天

      // 是否添加 ETag 头
      etag: true,

      // 是否添加 Last-Modified 头
      lastModified: true,

      // 是否处理条件请求 (If-None-Match, If-Modified-Since)
      conditionalRequest: true,
    },

    // 自定义响应头
    headers: {
      'X-Content-Type-Options': 'nosniff',
      'X-Frame-Options': 'DENY',
    },

    // 自定义 MIME 类型
    mimeTypes: {
      ts: 'application/typescript',
      jsx: 'text/jsx',
      mdx: 'text/mdx',
    },

    // 是否启用目录索引
    index: true, // 当访问目录时自动查找 index.html

    // 是否启用范围请求 (Range headers)
    acceptRanges: true,

    // 自定义 404 处理
    notFound: (c) => {
      return c.json({ error: '文件未找到' }, 404)
    },
  }),
)

// 不同路径使用不同配置
// 长期缓存的静态资源（通常包含哈希值的文件）
app.use(
  '/static/assets/*',
  serveStatic({
    root: './dist/assets',
    cache: {
      maxAge: 60 * 60 * 24 * 365, // 1年
      immutable: true, // 添加 immutable 标志
    },
  }),
)

// 短期缓存的静态资源
app.use(
  '/static/images/*',
  serveStatic({
    root: './public/images',
    cache: {
      maxAge: 60 * 60 * 24, // 1天
    },
  }),
)