크로스 도메인? 질문합니다.

게시물ID : programmer_18197

작성자 : 빵미인아

추천 : 0

IP : 220.70.***.19

댓글 : 4개

등록시간 : 2016/08/18 16:27:57

http://todayhumor.com/?programmer_18197

모바일

크로스 도메인? 질문합니다.

옵션

본인삭제금지

<div><b><font size="6">1. 서버측 코드</font></b></div> <div><br></div> <div>var express = require('express');</div> <div>var app = express();</div> <div><br></div> <div>var multer = require('multer');</div> <div>var storage = multer.diskStorage({</div> <div> destination: function(req, file, cb){</div> <div> cb(null, 'uploads/');</div> <div> },</div> <div> filename: function(req, file, cb){</div> <div> cb(null, file.originalname);</div> <div> }</div> <div>});</div> <div>var upload = multer({storage : storage});</div> <div><br></div> <div>app.listen(3000, function(){</div> <div> console.log("Connected 3000 port!!");</div> <div>});</div> <div><br></div> <div>app.use(express.static('client'));</div> <div><br></div> <div>app.post('/Graph_UI.html', upload.single('JsonFile'), function(req, res){</div> <div><br></div> <div>});</div> <div><br></div> <div>app.get('/', function(req, res){</div> <div><br></div> <div>});</div> <div><br></div> <div><br></div> <div><br></div> <div><br></div> <div><b><font size="6">2. 클라이언트 메인페이지 코드</font></b></div> <div><br></div> <div> <div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<a target="_blank" href="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd</a>"></div> <div><html></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><head></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><meta http-equiv="Content-type" content="text/html; charset=UTF-8"></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><title>Graph UI</title></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><style type="text/css"></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>body</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>{</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>margin: 0px;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>#box</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>{</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>position: relative;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>height: auto;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>margin: auto;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>#left</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>{</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>position: relative;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>width: 20%;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>float: left;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>#right</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>{</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>position: relative;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>width: 80%;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>float: left;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></style></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></head></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><body></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><script src="<a target="_blank" href="http://code.jquery.com/jquery-latest.min.js">http://code.jquery.com/jquery-latest.min.js</a>"></script></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><script src="Updater.js"></script> </div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><script src="ReadJson.js"></script><span class="Apple-tab-span" style="white-space:pre;"> </span></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><div id="box"></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><div id="left"></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><p></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><input type="hidden" id="FileName"></input></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><form action="Graph_UI.html" method="post" enctype="multipart/form-data"></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><input type="file" value="파일 선택" name="JsonFile" id="File_Reader"></input></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><input type="submit" onclick="ReadJson();"></input></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></form></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></p></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><p></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><form name="form1"></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><select size=50 id="Sentences" style="width:90%; height:70%" onclick="Updater(this.value);"></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></select></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></form></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></p></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><div id="right"></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span><br>그래프 자리</br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></div></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span></body></div> <div></html></div></div> <div><br></div> <div><br></div> <div><font size="6"><b><br></b></font></div> <div><font size="6"><b>3. JSON파일 불러오는 코드</b></font></div> <div><br></div> <div> <div>function ReadJson()</div> <div>{</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var URL, headidx, endidx, senText, filename;</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>URL = document.getElementById("File_Reader").value;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>headidx = URL.lastIndexOf('\\');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>endidx = URL.length;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>filename = URL.substring(headidx+1, endidx);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>document.getElementById("FileName").value = filename;</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$.ajax({</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>crossOrigin: true,</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>type: "GET",</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>url: "127.0.0.1:3000/uploads/"+filename,</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>datatype: "JSON",</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>success : function(data){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>$(data.sentence).each(function(index, value){</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>console.log(value.text);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var datas = value.text;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var selector = document.getElementById("Sentences");</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>var op = document.createElement("option");</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>op.text = datas;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>op.value = filename + "." + value.id;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>selector.options.add(op);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>console.log(op);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>}</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>});</div> <div>};</div></div> <div><br></div> <div><br></div> <div>위 코드를 실행해서 파일을 불러와 서버에 업로드 후 그 파일을 다시 불러오면</div> <div><br></div> <div>XMLHttpRequest cannot load %3127.0.0.1:3000/uploads/aa.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.</div> <div><br></div> <div>이런 오류가 나는데 찾아보니 크로스도메인문제라더군요...</div> <div>해결법이란거 다 해봐도 안되던데 어떻게 해야할까요</div>

이 게시물을 추천한 분들의 목록입니다.

푸르딩딩:추천수 3이상 댓글은 배경색이 바뀝니다.
(단,비공감수가 추천수의 1/3 초과시 해당없음)

죄송합니다. 댓글 작성은 회원만 가능합니다.

번호

제 목

이름

날짜

조회

추천

18207

파워쉘 오픈소스

금연07132016

16/08/19 14:09

422

18206

안녕하십니까 git 사중중에 문의점이 있어서 글을 남깁니다 [6] 본인삭제금지

정휘인오빠

16/08/19 14:06

507

18205

보드)라즈베리는 뻑나는경우가 너무 많은거같아요.. [10]

꾸르렁꾸르렁대

16/08/19 09:20

729

18204

[본삭금]사각형 영역 구하는 방법에 대해서 조언 부탁드립니다 [8]

아안돼

16/08/19 01:49

651

18203

멀티부팅 메뉴 삭제 관련 질문입니다. [2] 본인삭제금지

안녕밀라노

16/08/19 00:36

324

18202

다른 IT 회사들도 야근과 주말근무가 당연시되시나요? [18]

개손해

16/08/18 22:48

1404

18201

혼자 공부하려니 하나도 이해가 안가네요ㅠ [2]

웹지망생

16/08/18 21:48

634

18199

node.js 관련 질문입니다. [4] 본인삭제금지

빵미인아

16/08/18 18:30

457

18198

일본어 폰트가 필요해요ㅜ ㅜ

새봄이엄마

16/08/18 17:34

527

▶

크로스 도메인? 질문합니다. [4] 본인삭제금지

빵미인아

16/08/18 16:27

2008

18196

node.js질문입니다 [3] 본인삭제금지

빵미인아

16/08/18 16:23

282

18195

dalvik 은 왜 jvm보다 느릴까요? [4] 본인삭제금지

네요

16/08/18 14:25

458

18191

노래 mr뽑는법 아시나요? [7] 창작글

EraseU

16/08/18 00:19

953

18190

쮸굴쮸글

16/08/17 23:57

335

18189

jsp) el과 jstl 현업에서 많이 사용하나요? [3]

웹지망생

16/08/17 23:45

1962

18188

[질문]유니티/C# 게임오브젝트의 클래스를 가져오는 방법? 약 스압? [11] 본인삭제금지

동구리동동

16/08/17 23:29

847

18187

이정도면 견적이 어느정도 나올까요 ? [5] 베스트금지

설마안생기까

16/08/17 22:33

557

18186

하이브리드앱) 롤리팝에서 셀렉트 박스 배경 투명화(사진첨부) [10]

막창갈매기살

16/08/17 19:54

1915

18185

기계학습관련 질문좀 할께요 [3]

늑댕강

16/08/17 17:54

533

18184

[펌] 직관적인 언어 javascript [10]

navs

16/08/17 17:52

830

18181

visual studio 2015 c++ 모든 참조 찾기 질문드려요 [1]

DRAAK

16/08/17 11:11

807

18180

[매트랩] 원의 공통외접선(과제 아님)

밝은달사랑

16/08/17 03:54

1744

18179

왜 1일까요? [1]

미친색기

16/08/16 21:19

690

18178

[질문]c++ 상수참조 관련 질문입니다 [7] 베스트금지

harang

16/08/16 21:00

400

18177

아파치 스트럿츠가 뭔가요??? 베스트금지

Gift

16/08/16 13:42

1234

18176

재귀 함수란 무엇인가 [8]

문과출신

16/08/16 12:54

835

18175

node.js 질문입니다 ㅠㅠ [4] 본인삭제금지

콩자반

16/08/16 06:09

426

18174

어제 맥 질문 올렸던 유저 입니다. [1] 본인삭제금지

써니행정학

16/08/16 01:31

415

18173

자동화의 끝.... [52]

물어라이코스

16/08/15 12:27

1278

18172

PHP mysql 연동 [1] 본인삭제금지

뼈로가는DNA

16/08/15 11:38

427

[◀이전10개] [141] [142] [143] [144] [145] [146] [147] [148] [149] [150] [다음10개▶]

분류	게시판
베스트	베스트오브베스트 베스트 오늘의베스트
유머	유머자료 유머글
이야기	자유 고민 연애 결혼생활 좋은글 자랑 공포 멘붕 사이다 꿈 똥 군대 밀리터리 미스터리 술한잔 오늘있잖아요 투표인증 새해
이슈	시사 시사아카이브 사회면 사건사고
생활	패션 패션착샷 아동패션착샷 뷰티 인테리어 DIY 요리 커피&차 육아 법률 동물 책 지식 취업정보 식물 다이어트 의료 영어 맛집 추천사이트 해외직구
취미	사진 사진강좌 카메라 만화 애니메이션 포니 자전거 자동차 여행 바이크 민물낚시 바다낚시 장난감 그림판
학술	경제 역사 예술 과학 철학 심리학
방송연예	연예 음악 음악찾기 악기 음향기기 영화 다큐멘터리 국내드라마 해외드라마 예능 팟케스트
방송프로그램	무한도전 더지니어스 개그콘서트 런닝맨 나가수
디지털	컴퓨터 프로그래머 IT 안티바이러스 애플 안드로이드 스마트폰 윈도우폰 심비안
스포츠	스포츠 축구 야구 농구 바둑
야구팀	삼성 두산 NC 넥센 한화 SK 기아 롯데 LG KT 메이저리그 일본프로야구리그
게임1	플래시게임 게임토론방 엑스박스 플레이스테이션 닌텐도 모바일게임
게임2	던전앤파이터 롤 마비노기 마비노기영웅전 하스스톤 히어로즈오브더스톰 gta5 디아블로 디아블로2 피파온라인2 피파온라인3 워크래프트 월드오브워크래프트 밀리언아서 월드오브탱크 블레이드앤소울 검은사막 스타크래프트 스타크래프트2 베틀필드3 마인크래프트 데이즈 문명 서든어택 테라 아이온 심시티5 프리스타일풋볼 스페셜포스 사이퍼즈 도타2 메이플스토리1 메이플스토리2 오버워치 오버워치그룹모집 포켓몬고 파이널판타지14 배틀그라운드
기타	종교 단어장 자료창고
운영	공지사항 오유운영 게시판신청 보류
임시게시판	메르스 세월호 원전사고 2016리오올림픽 2018평창올림픽 코로나19 2020도쿄올림픽