Middleware not working on production

Unanswered

British Shorthair posted this in #help-forum

British ShorthairOP

2024-01-14T11:21:14.000Z

I have this middleware code, which checks if the user is on the main domain, if he isn't it redirects him to the main one. However this doesn't seem to be working. here is the code:
import { NextRequest, NextResponse } from "next/server"

export async function middleware(request: NextRequest) {
  const url = request.nextUrl.clone();

  const isProduction = process.env.NODE_ENV === "production";
  const requestedHost = request.headers.get("X-Forwarded-Port");

  if (isProduction && requestedHost && !requestedHost.match(/domain.com/)) {
    const host = `domain.com`;

    const requestedPort = request.headers.get('X-Forwarded-Port');
    const requestedProto = request.headers.get('X-Forwarded-Proto');

    url.host = host;
    url.protocol = requestedProto || url.protocol;
    url.port = requestedPort || url.port;

    return NextResponse.redirect(url);
  };

  return NextResponse.next();
}

export const config = {
  matcher: [
    '/((?!_next).*)',
  ]

Can someone tell me why this isn't working and where is the mistake? Thanks!

33 Replies

@British Shorthair I have this middleware code, which checks if the user is on the main domain, if he isn't it redirects him to the main one. However this doesn't seem to be working. here is the code: import { NextRequest, NextResponse } from "next/server" export async function middleware(request: NextRequest) { const url = request.nextUrl.clone(); const isProduction = process.env.NODE_ENV === "production"; const requestedHost = request.headers.get("X-Forwarded-Port"); if (isProduction && requestedHost && !requestedHost.match(/domain.com/)) { const host = `domain.com`; const requestedPort = request.headers.get('X-Forwarded-Port'); const requestedProto = request.headers.get('X-Forwarded-Proto'); url.host = host; url.protocol = requestedProto || url.protocol; url.port = requestedPort || url.port; return NextResponse.redirect(url); }; return NextResponse.next(); } export const config = { matcher: [ '/((?!_next).*)', ] Can someone tell me why this isn't working and where is the mistake? Thanks!

Ray

2024-01-14T11:50:25.000Z

where is your middleware.ts at?

British ShorthairOP

2024-01-14T12:01:59.000Z

it's on the root level: /

@British Shorthair it's on the root level: /

Ray

2024-01-14T12:02:08.000Z

do you use src folder

British ShorthairOP

2024-01-14T12:02:14.000Z

@British Shorthair no

Ray

2024-01-14T12:03:02.000Z

try add a console.log and check the server console

export async function middleware(request: NextRequest) {
  const url = request.nextUrl.clone();

  const isProduction = process.env.NODE_ENV === "production";
  const requestedHost = request.headers.get("X-Forwarded-Port");

  console.log('middleware')

  if (isProduction && requestedHost && !requestedHost.match(/domain.com/)) {
    const host = `domain.com`;

    const requestedPort = request.headers.get('X-Forwarded-Port');
    const requestedProto = request.headers.get('X-Forwarded-Proto');

    url.host = host;
    url.protocol = requestedProto || url.protocol;
    url.port = requestedPort || url.port;

    return NextResponse.redirect(url);
  };

  return NextResponse.next();
}

export const config = {
  matcher: [
    '/((?!_next).*)',
  ]
}