반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- naver storage bucket error
- nodejs
- onsenui
- naver storage
- Electron
- f035d
- 동일 프로그램
- xlsx
- electron-nuxt
- Vuetify
- sort
- onsen-ui
- kotlin
- Android
- error
- v-text-field height
- MySQL
- c#
- bucket cors
- 동일 프로세스
- Vue
- bucket max-key
- CSS
- NUXT
- vuetifyjs
- JavaScript
- vuejs
- sequelize
- 프로세스 방지
- v-select
Archives
- Today
- Total
앙큼한 개발기록
[naver storage] bucket cors 오류 본문
vuejs에서 naver storage를 이용하기위해 'aws-sdk'를 사용하여 이미지를 업로드 하려고 하니
CORS 오류가 빵빵 터졌다.
처음에 클라이언트에서 bucket의 cors 조건을 변경하려고 시도해 봤으나 실패.
cors는 서버에서 연결해서 바꾸어 주니까 해결 되더라..
왜 그런지는 좀더 찾아보겠음.
nodejs에서 naver storage (aws) aws-sdk 를 이용한 cors 조건 (전체) 열기
'use strict'
const env = process.env.NODE_ENV || 'development'
const storage_url = 'kr.object.ncloudstorage.com'
const region = 'kr-standard'
const AWS = require('aws-sdk')
const endpoint = new AWS.Endpoint(storage_url)
const S3 = new AWS.S3({
endpoint: endpoint,
region: region,
credentials: {
accessKeyId: "ACCESS_KEY",
secretAccessKey: "SECRET_KEY"
}
})
module.exports = {
init: async () => {
// get buckets
let { Buckets } = await S3.listBuckets().promise()
// find bucket
let Bucket = Buckets.find(bucket => bucket.Name === naverKey.bucketName)
try {
// if bucket is null = create bucket
if (!Bucket) {
await S3.createBucket({
Bucket: naverKey.bucketName,
CreateBucketConfiguration: {}
}).promise()
}
// set bucket cors
await S3.putBucketCors({
Bucket: naverKey.bucketName,
CORSConfiguration: {
CORSRules: [
{
"AllowedHeaders": [
"*"
],
"AllowedMethods": [
"GET",
"PUT",
"POST",
"DELETE"
],
"AllowedOrigins": [
"*" // 원하는 (열고싶은) 조건 삽입
],
"ExposeHeaders": []
}
]
}
}).promise()
} catch (err) {
return false
}
}
}
'개발 > vue & nuxt' 카테고리의 다른 글
[vuetifyjs] v-select 높이, 화살표 변경 (0) | 2023.06.22 |
---|---|
[vuetifyjs] v-text-field 높이값 조절 (0) | 2023.06.22 |
[vue div resize] 내부 화면 크기 조절하기 (onResize library를 겸한) (0) | 2023.04.02 |
[vue/nuxt] xlsx file export (0) | 2023.02.06 |
Comments