Cordova CSP(Content-Security-Policy) 문제

Cordova를 사용하는 중에 전에는 잘 동작하던 이미지 로딩이 안되어
로그를 확인해봤습니다.

Refused to load the script because it violates the following Content Security Policy directive.

cdvfile://localhost/persistance/cache/image.png 이런 경로의 이미지를 못읽는 문제였습니다.

로그에서는 img-src 쪽 CSP 문제였는데,

혹시나 안드로이드 6 마시멜로 문제인거 같아서 찾아봤는데 아니었습니다.

그래서 CSP 규칙쪽 문제인 것 같아서 수정했더니 해결되었네요.

From.

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'" />

To.

<meta http-equiv="Content-Security-Policy" content="default-src * 'self' cdvfile://*; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'" />

추가한 코드는 default-src에  'self' cdvfile://* 입니다.

hope this helps!

Cordova, Xcode Error code 65 for command

Cordova iOS 버전 업그레이드 도중에 에러가 발생.

에러 환경은
- MacBook El capitan
- Cordova 6.2.0
- Corova iOS 4.1.1

에러코드는 아래와 같았습니다.

xcodebuild: error: The project '킹콩로켓56.xcodeproj' does not contain a target named '킹콩로켓56'.
Error: Error code 65 for command: xcodebuild with args: -xcconfig,/Users/pineoc/Desktop/kingkong_project/cordova/kingkongRocket/platforms/ios/cordova/build-debug.xcconfig,-project,킹콩로켓56.xcodeproj,ARCHS=i386,-target,킹콩로켓56,-configuration,Debug,-sdk,iphonesimulator,build,VALID_ARCHS=i386,CONFIGURATION_BUILD_DIR=/Users/pineoc/Desktop/kingkong_project/cordova/kingkongRocket/platforms/ios/build/emulator,SHARED_PRECOMPS_DIR=/Users/pineoc/Desktop/kingkong_project/cordova/kingkongRocket/platforms/ios/build/sharedpch

원인해결을 위해서 검색해봤지만
- 프로비저닝 파일 문제
- Xcode 문제
- ios-deploy 문제

모두 아니었습니다.

문제는 한글이름.

config.xml에 있는 앱 이름을 한글로 설정하고 진행하면 에러가 납니다.


이에 대한 해결방법은
1. 에러가 났을 경우, 일단 iOS 쪽을 삭제한다.
$cordova platform rm ios


2. config.xml에 있는 앱 이름을 영어로 바꾼후 iOS 다시 설치
$cordova platform add ios

3. 그리고 빌드해줍니다.
$cordova build ios



빌드 성공!

4. (추가적으로) 앱이름을 한글로 하시고 싶다면
우선 영어로 platform add ios, build 해주시고
그다음에 한글로 바꾸는걸 추천드립니다.

Happy Coding!