서버 중간에 간섭하고 싶은 경우, Middleware 를 사용하시면 됩니다. 요청, 응답 사이에 간섭하는 것을 middleware 라고 부릅니다. import { NextResponse } from 'next/server' export async function middleware(request) { console.log(request.nextUrl) // 유저가 요청중인 URL console.log(request.cookies) // 유저가 보낸 쿠키 console.log(request.headers) // 유저의 headers 정보 NextResponse.next() // 통과 // NextResponse.redirect() // 다른페이지 이동 // NextResponse.rewrite() // 다..
Nuxt.js에서 서버 미들웨어를 사용하여 CORS(Cross-Origin Resource Sharing)를 허용하는 방법은 아래와 같습니다.CORS를 허용하려면 서버 미들웨어를 만들어야 합니다. 1. Nuxt.js 프로젝트의 루트 디렉토리에 middleware 디렉토리를 만듭니다 (만약 없다면).2. middleware 디렉토리 안에 새로운 파일을 생성하고 원하는 이름을 부여합니다. 예를 들어, cors.js로 파일을 저장합니다.3. cors.js 파일에 다음과 같이 서버 미들웨어 코드를 작성합니다.// middleware/cors.jsexport default function (req, res, next) { res.setHeader('Access-Control-Allow-Origin', '*');..
- Total
- Today
- Yesterday
- 네이버 서치 어드바이저
- github
- Git
- ChatGPT
- seo
- nodejs
- cors
- nuxt2
- svelte
- Github Actions
- vue composition api
- 스벨트
- vscode
- 타입스크립트
- AWS
- NUXT
- nextjs15
- vue router
- NextJS
- 오블완
- 티스토리챌린지
- Zustand
- 깃허브
- 서버 to 서버
- Ai
- Vite
- nextjs13
- React
- nextjs14
- openAI
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |