일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 카카오톡
- angular
- https
- php
- fanzeel
- swift
- JavaScript
- 감사일기
- node
- hybrid
- ios
- angular4
- 페이스북
- 네이티브
- TypeScript
- 알려줌
- Elastic Beanstalk
- S3
- node.js
- Route53
- 웹뷰
- 도메인
- NeXT
- cors
- react
- AWS
- nextjs
- Android
- beanstalk
- 안드로이드
- Today
- Total
목록htaccess (2)
쪼렙 as! 풀스택
전통적인 방법으, Header set Access-Control-Allow-Origin "*" 가 있다. 하지만 특정 origin 에서만 오픈하고 싶었다.테스트용 로컬호스트와, dev.test.com 이라는 도메인을 열고 싶다면, 아래와 같이 설정한다. SetEnvIf Origin "^http(s)?://(.+\.)?(localhost:4100|localhost:4000|dev\.test\.com)$" origin_is=$0Header set Access-Control-Allow-Origin %{origin_is}e env=origin_is
Angular 는 SPA 방식이므로, 단순하게 index.html 파일이 열리고 앵귤러로 만들어진 Javascript 파일만 다운로드 되고나면, 웹앱이 돌아가기 시작한다. 그래서 서버 비용도 아낄 겸 FindBM.com 을 개발할 때 초기에는 S3-static web hosting 을 이용해 서버리스로 구성하고, API 서버는 기존의 서버를 이용했었다. 상황 1. 도메인 FindBM.com 은 S3 스태틱 웹호스팅을 이용했다. (서버리스) 2. 필요한 데이터 통신을 위한 API 서버는, 기존에 사용하던 (다른 앱 서비스를 위해 돌리던) API 웹서버를 이용하기로 했다. 그랬더니, 도메인이 다르기 때문에 CORS 크로스 오리진 에러가 나는것이다. 일반 네이티브 앱에서 API 통신을 할 때는, 일반 Requ..