如何在Remix Run应用中强制启用HTTPS？

一、服务器层面配置（推荐） #

直接在Remix搭配的Node.js服务器（Express/Fastify）中添加重定向逻辑，这是覆盖范围最广的处理方式，能拦截所有请求类型。

Express服务器

在服务器入口文件（比如server.js）里加入HTTPS强制跳转中间件：

const express = require("express");
const { createRequestHandler } = require("@remix-run/express");

const app = express();

// 信任反向代理（部署在Nginx、Heroku等平台时必须添加）
app.set("trust proxy", true);

// 生产环境下强制跳转到HTTPS
app.use((req, res, next) => {
  if (process.env.NODE_ENV === "production" && !req.secure) {
    const httpsUrl = `https://${req.headers.host}${req.url}`;
    return res.redirect(301, httpsUrl);
  }
  next();
});

// 挂载Remix请求处理器
app.all("*", createRequestHandler({ build: require("./build") }));

const port = process.env.PORT || 3000;
app.listen(port, () => console.log(`Server running on port ${port}`));

Fastify服务器

在Fastify服务器配置中添加前置钩子处理重定向：

const fastify = require("fastify")({ logger: true });
const { createRequestHandler } = require("@remix-run/fastify");
const trustProxy = require("@fastify/trust-proxy");

// 注册信任代理插件
fastify.register(trustProxy);

// 生产环境强制HTTPS跳转
fastify.addHook("onRequest", async (request, reply) => {
  if (process.env.NODE_ENV === "production" && request.protocol !== "https") {
    const httpsUrl = `https://${request.headers.host}${request.url}`;
    reply.code(301).redirect(httpsUrl);
  }
});

// 挂载Remix请求处理器
fastify.all("*", createRequestHandler({ build: require("./build") }));

const start = async () => {
  try {
    await fastify.listen({ port: process.env.PORT || 3000 });
  } catch (err) {
    fastify.log.error(err);
    process.exit(1);
  }
};
start();

二、应用内部路由层面处理（备选） #

如果无法修改服务器配置，可以在根路由的loader中添加检测逻辑，对进入应用的请求做重定向：

// app/root.jsx
import { redirect } from "@remix-run/node";

export async function loader({ request }) {
  const url = new URL(request.url);
  if (process.env.NODE_ENV === "production" && url.protocol !== "https:") {
    url.protocol = "https:";
    return redirect(url.toString(), { status: 301 });
  }
  return {};
}

注意：这种方式只能覆盖触发loader的路由请求，静态资源或直接访问的API路由可能无法被拦截，仅作为服务器配置的补充方案。

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