공부/프론트엔드2 Vue.js 배포 후 js 파일을 읽지 못함(빈 화면) - History, Hash Vue.js 를 배포하면서 문제가 생겼다. 로컬에서는 잘 작동하던 페이지가 배포된 환경에서는 빈(하얀)화면을 송출하는 것이다. 그래서 이게 왜 이럴까 열심히 찾아보니 배포된 환경에서 읽어와야 하는 파일의 경로가 제대로 되어 있지 않다는 것을 발견할 수 있었다. 이유는 Vue Router를 사용할 때 "History"로 세팅을 했는데 그럴경우 서버가 모든 경로 요청을 "index.html"로 리다이렉트하도록 설정해야합니다. "Nginx"를 사용하는 경우 "nginx.conf" 에서 server { listen 80; server_name example.com; location / { root /path/to/your/app; try_files $uri $uri/ /index.html; }.. 2024. 7. 15. 부트스트랩 CSS 적용이 안될 때..... 톰켓에서 조금 수정을 해주니까 해결이 가능했습니다. 톰켓이 설치되어 있는 폴더/conf/web.xml 을 열어보면 엄청 긴 소스들이 쭉~~~ 나열 되어 있습니다. 그 소스 중에서The mappting for the default servlet 항목에 가보면default 라는 이름의 변수에 대한 설정이 어떻게 되어있는지 나와 있습니다. 그 곳에 default / *.js *.css *.png *.jpg *.jpeg위의 소스처럼 수정을 해주면 이렇게 잘 되는 것을 볼 수 있습니다. 2023. 3. 28. 이전 1 다음
