i-frame때문에 생기는 오류인데
페북 로그인 연동을 하는데 로그인까지는 잘 됐지만 로그아웃을 하려고 하니 계속 저 오류때문에 애먹었다.
방법은 정말 간단하고 허무한데
1. Faceook 로그인 - 빠른 시작 -> 플랫폼 선택한 뒤
2. 웹 사이트 URL을 등록해준다.
고급 설정이나 로그인 설정의 유효한 OAuth 리디렉션 URI 설정만으로는 부족했던 것.
+ 로그아웃 하고 재로그인 할 때 로그인 창이 안 뜨고 자동 로그인이 되는 현상은
직접 페이스북 가서 내 계정 로그아웃을 하자ㅎ 이것때문에도 시간 버림.
| 포트 죽이는 법 (0) | 2018.07.22 |
|---|---|
| 삼성 SW 기출 문제 모음 링크 (0) | 2017.04.26 |
| 우분투 서버 FTP 설정 (0) | 2016.07.19 |
| 우분투 메모/포스트잇 프로그램 Sticky Notes (1) | 2016.06.15 |
| 우분투 14.04 부팅시 초기화되는 밝기 설정 (0) | 2016.06.06 |
여러 개의 라우트 파일을 만든 뒤 하나의 파일에 import해서 모아야 한다.
router/index.js
router/index1.js, index2.js, etc...
| Vue.js Router History mode / Tomcat rewrite 설정 (0) | 2018.08.05 |
|---|---|
| Vue.js 라우터 history mode (0) | 2018.07.29 |
| Vue.js Header, Footer, etc... 다른 vue 파일 import하기 (0) | 2018.07.22 |
| Vue.js에서 JQuery 사용할 때 (0) | 2018.07.22 |
| Vue.js console에는 데이터 보이는데 v-for에 안 들어올 때 (0) | 2018.07.22 |
내가 찾을 때 못 찾았던 기억에 간단 정리.
경로는 알맞게 수정해서 쓰기.
MainFooter.vue
1 2 3 4 5 6 7 8 9 10 11 12 | <template> <H1>FOOTER</H1> </template> <script> export default { name: 'main-footer' } </script> <style scoped> </style> | cs |
MainHeader.vue
1 2 3 4 5 6 7 8 9 10 11 12 | <template> <H1>HEADER</H1> </template> <script> export default { name: 'main-header' } </script> <style scoped> </style> | cs |
App.vue
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 | <template> <div id="app"> <div id="header"> <main-header/> </div> <img src="./assets/img/logo.png"> <router-view/> <div id="footer"> <main-footer/> </div> </div> </template> <script> import MainHeader from './shared-components/MainHeader.vue' import MainFooter from './shared-components/MainFooter.vue' export default { name: 'App', components: { 'main-header': MainHeader, 'main-footer': MainFooter } } </script> <style> @import './assets/css/demo.css' </style> | cs |
| Vue.js 라우터 history mode (0) | 2018.07.29 |
|---|---|
| Vue.js router 파일 여러 개로 나누기 (0) | 2018.07.22 |
| Vue.js에서 JQuery 사용할 때 (0) | 2018.07.22 |
| Vue.js console에는 데이터 보이는데 v-for에 안 들어올 때 (0) | 2018.07.22 |
| Vue.js eslint 탭, 띄어쓰기 검사 없애기 (0) | 2018.07.22 |
