Vue.js Router History mode / Tomcat rewrite 설정

Vue.js 에서 히스토리 모드를 사용하기 위해 Spring Boot 단에서 모든 url을 index로 보내는 설정을 해주었으나..

로컬에서 돌렸을 때는 잘 되는데 서버 Tomcat에 올리니 안 되는 현상 발생.

아예 Tomcat 단에서 url을 /로 보내도록 rewrite 설정을 해주었다.

1. 톰캣(ver.9) 폴더 / conf / server.xml - <context> 밑에 valve 추가.

<Context path="" docBase="프로젝트 폴더\src\main\resources\static" reloadable="true">

<Valve className="org.apache.catalina.valves.rewrite.RewriteValve"/>

</Context>

2. 프로젝트 Root 폴더 안에 /WEB-INF/rewrite.config 추가

<rewrite.config>

RewriteCond %{REQUEST_URI} ..(.)$ [OR]

RewriteCond %{REQUEST_URI} ^(.)(/api/).$ [OR]
RewriteRule ^(.*)$ - [L]

RewriteRule ^(.*)$ /index.html

이러니 잘 됨. 끝~