WebtoB 에 SPA 환경 구성하는 방법 (React.js, Vue.js 등)

 

WebtoB 환경에서 React.js, Vue.js 와 같은 SPA(Single Page Application) 서비스를 하기 위한 환경을 구성하는 방법에 대한 설명입니다.

Apache 와 동일하게 URLRewrite 기능을 이용하여 모든 요청에 대해 /index.html 을 호출하도록 설정합니다.

 

[설정 방법]

$WEBTOBDIR/config/http.m 파일을 수정합니다.

설정이 필요한 *VHOST 절의 Vhost 에 다음과 같이 URLRewrite 옵션을 추가합니다.

 

*VHOST.URLRewrite = Y,

*VHOST.URLRewriteConfig = "config/rewrite.conf"  # rewrite 설정 파일명은 자유롭게 변경해도 됩니다.

*VHOST
v_http		DOCROOT = "/home/webtob/docs",
		HOSTNAME = "test.co.kr",
		PORT = "80",
		URLRewrite = Y,
		URLRewriteConfig = "config/rewrite.conf",
		LOGGING = "acc_http",
		ERRORLOG = "err_http"

 

$WEBTOBDIR/config/rewrite.conf 파일을 생성 후 다음 내용을 추가합니다.

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

 

http.m 파일을 컴파일 후 WebtoB 를 재기동하면 설정이 완료됩니다.