如何使用Unix Socket而非HTTP端口部署Nuxt 3应用？

完全可以实现Nuxt 3应用使用Unix Socket替代TCP端口，下面分开发模式和生产构建两种场景说明具体配置：

1. 开发模式配置 #

Nuxt 3基于Nitro服务器，原生支持Unix Socket配置，只需修改nuxt.config.ts添加Socket路径：

export default defineNuxtConfig({
  server: {
    // 指定Unix Socket文件路径，可自定义位置
    socket: '/tmp/nuxt-pywebview.sock'
  }
})

启动Nuxt开发服务后，系统会在指定路径生成Socket文件，此时无需占用任何TCP端口。

2. 生产构建配置 #

方式一：构建时预设Socket路径 #

在nuxt.config.ts中添加Nitro的生产服务器配置：

export default defineNuxtConfig({
  nitro: {
    server: {
      socket: '/tmp/nuxt-pywebview-prod.sock'
    }
  }
})

执行npm run build构建后，启动生产服务时会自动使用预设的Unix Socket。

方式二：启动时动态指定Socket #

如果需要灵活切换，构建后可通过命令行参数指定Socket路径：

node .output/server/index.mjs --socket /tmp/nuxt-pywebview-prod.sock

3. pywebview连接配置 #

pywebview支持通过http+unix://协议访问Unix Socket上的服务，只需在加载时指定对应路径：

import webview

# 路径格式：http+unix://[Socket文件绝对路径]
webview.create_window(
    title='Nuxt + Pywebview App',
    url='http+unix:///tmp/nuxt-pywebview.sock'
)
webview.start()

注意事项 #

• Socket文件权限：确保生成的Socket文件权限允许pywebview进程访问，可在启动Nuxt后执行chmod 777 /tmp/nuxt-pywebview.sock临时调整，或在Nuxt配置中指定权限（需Nitro 2.6+）：

  nitro: {
    server: {
      socket: '/tmp/nuxt-pywebview.sock',
      socketPermissions: '0777'
    }
  }
  

• 清理Socket文件：如果Nuxt服务异常退出，Socket文件可能残留导致下次启动失败，可在启动脚本中添加清理逻辑：

  rm -f /tmp/nuxt-pywebview.sock && npm run dev
  

内容的提问来源于stack exchange，提问作者Safwan Amin