next 이미지 업로드기능2 에서 질문 있습니다.

write/page.js

import { getServerSession } from 'next-auth/next'
import { authOptions } from '@/pages/api/auth/[...nextauth]'
import WriteElements from './WriteElements'

export default async function Write(){
  let session = await getServerSession(authOptions)
  return (
    <div>
      {
        session ? <WriteElements/> : <div>로그인해라</div>
      }
    </div>
  )
}


writeElements

'use client'

import { useSession } from "next-auth/react"
import { useState } from "react"

export default function WriteElements(){

  let [src, setSrc] = useState('')

  return(
    <div className="p-20">
      <h4>글작성</h4>
      <form action="/api/post/new" method="POST">
        <input name="title" placeholder="글제목"/>
        <input name="content" placeholder="글내용"/>
        <input type="file" accept="image/*"
          onChange={async(e)=>{
            let file = e.target.files[0]
            let filename = encodeURIComponent(file.name)
            let res = await fetch(`/api/post/image?file=${filename}`)
            res = await res.json()
            console.log(res)
            //S3 업로드
            const formData = new FormData()
            Object.entries({ ...res.fields, file }).forEach(([key, value]) => {
              formData.append(key, value)
            })
            let 업로드결과 = await fetch(res.url, {
              method: 'POST',
              body: formData,
            })
            console.log(업로드결과)

            if (업로드결과.ok) {
              setSrc(업로드결과.url + '/' + filename)
            } else {
              console.log('실패')
            }
          }}
        />
        < img src={src}/>
        <button type="submit">전송</button>
      </form>
    </div>
  )
}

api/post/image.js

import aws from 'aws-sdk'
export default async function handler(request, response){
  aws.config.update({
    accessKeyId: process.env.ACCESS_KEY,
    secretAccessKey: process.env.SECRET_KEY,
    region: 'ap-northeast-2',
    signatureVersion: 'v4',
  })

  const s3 = new aws.S3();
  const url = await s3.createPresignedPost({
    Bucket: process.env.BUCKET_NAME,
    Fields: { key : request.query.file },
    Expires: 60, // seconds
    Conditions: [
      ['content-length-range', 0, 1048576], //파일용량 1MB 까지 제한
    ],
  })

  response.status(200).json(url)
}

현재 코드는 이렇게 돼있고 이미지 업로드해서 미리보기 띄우려는데 
POST https://s3.ap-northeast-2.amazonaws.com/taenge 403 (Forbidden) 라는 오류가 계속 뜨면서 
미리보기도 안되고 실패라는 문구만 나옵니다 ㅠㅠ