如何在IIS上正确部署Nuxt.js应用？实现无端口域名访问

1. 可以在IIS管理器中配置（推荐方案） #

你之前用的HTTP重定向不对，应该用反向代理来实现，步骤如下：

• 先确保IIS安装了URL重写和应用程序请求路由(ARR)模块（可通过服务器管理器的“添加角色和功能”，或Web平台安装器安装）
• 打开IIS管理器，新建网站，绑定域名example.com，端口设为80
• 进入该网站的「URL重写」功能，点击右侧「添加规则」，选择「反向代理规则」
• 在入站规则中填写目标地址http://localhost:3000，按需勾选「启用SSL卸载」，保存规则即可

如果是生产环境，更建议直接部署Nuxt构建后的静态文件：

• Nuxt3：将.output/public目录下的文件部署到IIS网站根目录
• Nuxt2：将.nuxt/dist目录下的文件部署到IIS网站根目录
  这样无需启动npm run dev，直接由IIS托管静态资源，稳定性更高。

2. 无需更换Web服务器 #

如果暂时不想配置IIS反向代理，可通过Windows系统级端口转发实现：

• 以管理员身份打开命令提示符，执行：

  netsh interface portproxy add v4tov4 listenport=80 listenaddress=0.0.0.0 connectport=3000 connectaddress=127.0.0.1
  

• 注意：要确保80端口未被其他IIS网站或服务占用，否则需先停止占用项。

3. 可以在Nuxt.js中设置，但不推荐 #

修改Nuxt配置文件（nuxt.config.ts/nuxt.config.js），将服务端口改为80：

// Nuxt3示例
export default defineNuxtConfig({
  server: {
    port: 80,
    host: '0.0.0.0' // 允许外部访问
  }
})

// Nuxt2示例
export default {
  server: {
    port: 80,
    host: '0.0.0.0'
  }
}

执行npm run dev时需要以管理员身份运行终端，否则会因权限不足无法绑定80端口。这种方式仅适合临时测试，生产环境不建议使用，因为80端口属于系统特权端口，直接用Nuxt监听存在安全和稳定性隐患。

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