๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

springboot1

[Vue.js] SpringBoot + Vue.js 404ํŽ˜์ด์ง€ ํ•ด๊ฒฐ ๋ฌธ์ œ๋ฐœ์ƒ HTML5 ํžˆ์Šคํ† ๋ฆฌ ๋ชจ๋“œ vue-router ์˜ ๊ธฐ๋ณธ ๋ชจ๋“œ๋Š” hash mode ๋กœ, URL ํ•ด์‹œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ „์ฒด URL ์„ ์‹œ๋ฎฌ๋ ˆ์ดํŠธ ํ•˜๋ฏ€๋กœ URL์ด ๋ณ€๊ฒฝ๋  ๋•Œ ํŽ˜์ด์ง€๊ฐ€ ๋‹ค์‹œ ๋กœ๋“œ ๋˜์ง€ ์•Š๋Š”๋‹ค...!? # ํ•ด์‹œ๋ฅผ ์ œ๊ฑฐํ•˜๊ธฐ ์œ„ํ•ด ๋ผ์šฐํ„ฐ์˜ history ๋ชจ๋“œ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. SPA(Single Page Application) ํŠน์„ฑ์ƒ vue๋Š” index.html ํŒŒ์ผ ํ•˜๋‚˜๋กœ ๊ด€๋ฆฌํ•œ๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ URL ์„ ์ž…๋ ฅํ•˜๋ฉด ์„œ๋ฒ„์ ‘์†์„ ๋จผ์ € ์‹œ๋„ํ•˜๊ธฐ๋•Œ๋ฌธ์— ์„œ๋ฒ„์„ค์ •์ด ์—†๋Š” ํด๋ผ์ด์–ธํŠธ ์•ฑ์ด๋ผ ์‚ฌ์šฉ์ž๊ฐ€ ์ง์ ‘ URL ์— ์ ‘์†ํ•˜๋ฉด 404 ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค. ํ•ด๊ฒฐ๋ฐฉ์•ˆ ์„œ๋ฒ„์— ๊ฐ„๋‹จํ•˜๊ฒŒ ํฌ๊ด„์ ์ธ ๋Œ€์ฒด ๊ฒฝ๋กœ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด๋œ๋‹ค! SPA ์•ฑ์— ์žˆ๋Š” index.html ํŽ˜์ด์ง€๋ฅผ ๋งคํ•‘ํ•˜๋„๋ก ํ•˜๋ฉด ๋œ๋‹ค. ==> ๋ชจ๋“  ์š”์ฒญ์€ ์„œ๋ฒ„์—.. 2022. 10. 3.
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”