mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Jiwon Choi
71ce95dffa
> [!NOTE] > Best reviewed by each commit for better diff view. This PR clones the Middleware docs for Proxy and removes the Middleware docs. Did not clone the list of docs: - `errors/middleware-upgrade.mdx` - It's a middleware upgrade guide from v12.2 - `errors/beta-middleware.mdx` - It's an error when using middleware before v12.2 - `errors/returning-response-body.mdx` - Legacy behavior from versions < v12.2
35 lines
1006 B
Plaintext
35 lines
1006 B
Plaintext
---
|
|
title: Removed parsed User Agent from Proxy API
|
|
---
|
|
|
|
## Why This Error Occurred
|
|
|
|
Your application is interacting with `req.ua` which has been deprecated.
|
|
|
|
```ts filename="proxy.ts"
|
|
import { NextRequest, NextResponse } from 'next/server'
|
|
|
|
export function proxy(request: NextRequest) {
|
|
const viewport = request.ua.device.type === 'mobile' ? 'mobile' : 'desktop'
|
|
|
|
request.nextUrl.searchParams.set('viewport', viewport)
|
|
return NextResponse.rewrite(request.nextUrl)
|
|
}
|
|
```
|
|
|
|
## Possible Ways to Fix It
|
|
|
|
The internal logic has been moved into a separate `userAgent` function that you can import from `next/server` and wrap your request instead.
|
|
|
|
```ts filename="proxy.ts"
|
|
import { NextRequest, NextResponse, userAgent } from 'next/server'
|
|
|
|
export function proxy(request: NextRequest) {
|
|
const { device } = userAgent(request)
|
|
const viewport = device.type === 'mobile' ? 'mobile' : 'desktop'
|
|
|
|
request.nextUrl.searchParams.set('viewport', viewport)
|
|
return NextResponse.rewrite(request.nextUrl)
|
|
}
|
|
```
|