Breaking News: Grepper is joining You.com. Read the official announcement!

proxy setup for next js - api/proxy/[...path]/route.ts

Doyin Atobaru answered on December 12, 2024 Popularity 1/10 Helpfulness 1/10

answer proxy setup for next js - api/proxy/[...path]/route.ts

proxy setup for next js - api/proxy/[...path]/route.ts

Comment

import { NextRequest, NextResponse } from 'next/server'
import { getToken } from 'next-auth/jwt'

const backendUrl = process.env.NEXT_PUBLIC_BACKEND_URL

async function proxyRequest(request: NextRequest) {
    const authToken = request.headers.get('Authorization')
    const baseUrl = process.env.NEXTAUTH_URL

    if (!authToken) {
        return NextResponse.redirect(`${baseUrl}`)
    }

    // Construct the full URL to forward the request to the backend
    const url = `${backendUrl}${request.nextUrl.pathname.replace('/api/proxy', '')}${
        request.nextUrl.search
    }`
    try {
        // Fetch the request and forward it to the backend service
        const response = await fetch(url, {
            method: request.method, // Forward the HTTP method
            headers: {
                ...filterHeaders(request.headers),
                // Optionally, forward the authorization token
                Authorization: authToken,
            },
            // Forward the request body for methods like POST, PUT, PATCH
            body:
                request.method !== 'GET' && request.method !== 'HEAD'
                    ? await request.text()
                    : undefined,
        })

        // Return the response to the client
        const responseBody = await response.text() // Handle response body as text
        return new NextResponse(responseBody, {
            status: response.status,
            headers: filterResponseHeaders(response.headers),
        })
    } catch (error) {
        console.error('Proxy error:', error)
        return NextResponse.json({ error: 'Internal Server Error' }, { status: 500 })
    }
}

// Export individual HTTP methods
export async function GET(request: NextRequest) {
    return proxyRequest(request)
}

export async function POST(request: NextRequest) {
    return proxyRequest(request)
}

export async function PUT(request: NextRequest) {
    return proxyRequest(request)
}

export async function DELETE(request: NextRequest) {
    return proxyRequest(request)
}

export async function PATCH(request: NextRequest) {
    return proxyRequest(request)
}

// Helper function to filter request headers
function filterHeaders(headers: Headers) {
    const excludedHeaders = ['host', 'content-length', 'connection']
    const filtered: Record<string, string> = {}

    Array.from(headers.entries()).forEach(([key, value]) => {
        if (!excludedHeaders.includes(key.toLowerCase())) {
            filtered[key] = value
        }
    })

    return filtered
}

// Helper function to filter response headers
function filterResponseHeaders(headers: Headers) {
    const excludedHeaders = [
        'content-encoding',
        'transfer-encoding',
        'connection',
        'content-length',
    ]
    const filtered: Record<string, string> = {}

    Array.from(headers.entries()).forEach(([key, value]) => {
        if (!excludedHeaders.includes(key.toLowerCase())) {
            filtered[key] = value
        }
    })

    return filtered
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript next proxy

Link to this answer
Share Copy Link

Contributed on Dec 12 2024

Doyin Atobaru

0 Answers Avg Quality 2/10

proxy setup for next js - api/proxy/[...path]/route.ts

Contents

More Related Answers

proxy setup for next js - api/proxy/[...path]/route.ts

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.