728x90 반응형 SMALL IT/Web36 해결 방법 - No 'Access-Control-Allow-Origin' header is present on the requested resource. JavaScript 엔진 표준 스펙에 있는 동일 출처 정책(Same-Origin Policy)이라는 보안규칙으로 인해 발생한다. (JavaScript 로 다른 웹페이지에 접근할 때는 같은 출처 - 프로토콜, 호스트명, 포트 - 의 페이지에만 접근 가능하다. 때문에 같은 서버에 있는 주소로만 ajax 요청을 할 수 있다.) 여러 도메인에 걸쳐서 구성되는 대규모 웹 어플리케이션이 늘어나고 REST API 등을 이용한 외부 공개 API의 호출이 많아지는 상황에서 이 보안정책은 조금 거추장스러워졌다. 그래서 CORS(Cross-Origin Resource Sharing)이라는 정책이 추가 되었다. 외부 요청을 허용할 경우 ajax요청이 가능해지는 방식이다. 해결방법 1. chrome 에 플러그인을 설치해서 간단.. 2018. 9. 27. Vue.js - Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example at Object.pitch 이유없이.... npm run dev 가 먹히질 않는다....구글링을 열심해 해 봐도 이런저런 상황에 대한 예상만 있을뿐 적당한 답은 없다....도대체 이유가 뭘까.......그러다가 Atop 에 설치한 command prompt 가 아닌 window 의 cmd 창을 열어서 해봤는데....잘된다.....응???? 응???내가 이것때문에 어젯밤에.....하.... 2018. 9. 21. Vue.js + ajax + Spring Boot spring boot + spring security + mybatis + vue 로 로그인과 허접해 보이지 않는 화면을 만들(포팅)었으니 이제 실제 데이터를 가지고 와서 뿌려주는 작업을 해 보자. Vue.js - Ajax 에서 이미 데이터 가지고 오는 것은 해 보았으니 프로젝트에 반영만 하면 된다.User.vue 에 사용자 목록을 불러와 그려보자. 우선 Grid.vue 를 하나 만든다. 데이터를 가져와 grid 를 만들고 sorting 과 filtering 기능을 제공하는 간단한 grid 이다. 예전에 만들었던 10만건 이상 처리 가능한 grid 는 나중에 포팅해 보도록 하고.... 일단은 simple 한 data grid 를 만들어 본다. {{ key | capitalize }} {{entry[key.. 2018. 9. 20. Spring Boot + Spring Security + MyBatis + Vue.js Spring Security + Vue.js (login 화면) + Mybatis 로 인증 후 SPA 로 동작하도록 구성 하기 제목처럼 Spring Boot 로 backend를 구성하고 Spring Security를 이용해서 '로그인/인증' 을 구현하고 Vue.js 로 frontend를 구현해 보자. 먼저 Spring Security 관련해서 몇가지 설정을 해 본다. @EnableWebSecurity public class SecurityConfig extends WebSecurityConfigurerAdapter{ @Autowired AuthProvider authProvider; @Override public void configure(WebSecurity web) throws Exception { .. 2018. 9. 6. 이전 1 2 3 4 5 6 ··· 9 다음 728x90 반응형 LIST
