step02_event_emit

 

만약 npm install이 되지 않은 vue 폴더를 받았을 경우 아래의 작업(npm install)을 해줘야한다.

cd.. -> 상위폴더로 이동

cd 폴더명 -> 해당 폴더로 이동

npm install -> npm 설치

npm run serve -> 서버 동작

 

결과물이 만들어진다면 npm run build 로 추출할 수 있다. 그러면 dist 파일안에 결과물이 만들어진다.

그것을 이클립스 webapp 폴더에 넣으면 잘 작동한다

 

 

프로젝트 WEB-INF의 web.xml에 입력해서 개발단계에서 서버가 두개 실행되게 잠시 활용할 수 있다,

   <!-- Cross Origin 설정  (CORS 오류를 개발단계에서 발생시키지 않도록)-->
   <filter>
      <filter-name>CorsFilter</filter-name>
      <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
      <init-param>
         <param-name>cors.allowed.origins</param-name>
         <param-value>*</param-value>
      </init-param>
      <init-param>
         <param-name>cors.allowed.methods</param-name>
         <param-value>GET,POST,HEAD,OPTIONS,PUT,DELETE</param-value>
      </init-param>
      <init-param>
         <param-name>cors.allowed.headers</param-name>
         <param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers</param-value>
      </init-param>
      <init-param>
         <param-name>cors.exposed.headers</param-name>
         <param-value>Access-Control-Allow-Origin,Access-Control-Allow-Credentials</param-value>
      </init-param>
      <init-param>
         <param-name>cors.support.credentials</param-name>
         <param-value>false</param-value>   
      </init-param>
      <init-param>
         <param-name>cors.preflight.maxage</param-name>
         <param-value>10</param-value>
      </init-param>
   </filter>
   <filter-mapping>
      <filter-name>CorsFilter</filter-name>
      <url-pattern>/*</url-pattern>
   </filter-mapping>