Dva: ๋™์ ๋กœ๋“œ์‹œ ๊ฒฝ๋กœ์— ๋‹ค์ค‘ ๋ ˆ๋ฒจ ๊ฒฝ๋กœ๊ฐ€์žˆ๋Š” ๊ฒฝ์šฐ ๋ถ„ํ•  ๋œ .js ํŒŒ์ผ์„ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2016๋…„ 09์›” 23์ผ  ยท  13์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: dvajs/dva

user-dashboard ์˜ˆ์ œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด dynamic-load ์˜ˆ์ œ์— ๋”ฐ๋ผ router.js๋กœ๋งŒ ์ˆ˜์ •๋ฉ๋‹ˆ๋‹ค.
image
ํžˆ์Šคํ† ๋ฆฌ์—์„œ browserHistory๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ / demo / users ๊ฒฝ๋กœ๋กœ ๋ผ์šฐํŒ…๋˜๋ฉด 127.0.0.1:8989/demo/0.js๋ฅผ ์š”์ฒญํ•˜๊ณ  404 ์˜ค๋ฅ˜๊ฐ€ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค.
image
ํžˆ์Šคํ† ๋ฆฌ๊ฐ€ hashHistory๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฌธ์ œ๊ฐ€ ์—†์œผ๋ฉฐ ์š”์ฒญ์€ 127.0.0.1:8989/0.js์ž…๋‹ˆ๋‹ค.

/ users๋กœ ์ง์ ‘ ๋ผ์šฐํŒ…๋˜๋ฉด hashHistory์ด๋“  browserHistory์ด๋“  ๋ฌธ์ œ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

faq question

๋ชจ๋“  13 ๋Œ“๊ธ€

๋™์  ๋ถ€ํ•˜ ๋ชจ๋“œ๋ฅผ ์ง์ ‘ ์‚ฌ์šฉํ•˜์ง€ ์•Š์œผ๋ฉด ์—ฌ๋Ÿฌ ์ˆ˜์ค€์œผ๋กœ ๋ผ์šฐํŒ…ํ•˜๋Š” ๋ฐ ๋ฌธ์ œ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.
image

webpack์˜ publicPath๋ฅผ / ์™€ ์ผ์น˜์‹œ์ผœ๋ณด์‹ญ์‹œ์˜ค.

image

publicPath๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉด ๋ฃจํŠธ ๊ฒฝ๋กœ์˜ route / index.js๊ฐ€ ์ง์ ‘ 404๊ฐ€๋ฉ๋‹ˆ๋‹ค.

@yinlsea vsc๋Š” ๋ฐ˜์‘ ํ”„๋กœ์ ํŠธ๋ฅผ ์–ด๋–ป๊ฒŒ ์ง€์›ํ•ฉ๋‹ˆ๊นŒ? ๊ธฐ๋ณธ๊ฐ’์„ ์‚ฌ์šฉํ•˜๊ณ  ๋ช‡ ๊ฐ€์ง€ ํ™•์žฅ์„ ์„ค์น˜ํ•˜๋ ค๊ณ ํ–ˆ์ง€๋งŒ {...foo,...bar} ํ˜•์‹์˜ ๋ฌธ์„ ๋ฐœ๊ฒฌํ–ˆ์„ ๋•Œ ์ž๋™ ์„œ์‹์ด ๋งˆ๋น„๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ํŽธ์ง‘๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ˆ˜๋™ ํ˜•์‹ ๋งŒ ๊ฐ€์งˆ ์ˆ˜์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์—†์Šต๋‹ˆ๋‹ค.

@xjdata๋Š” ๊ตฌ๋ฌธ ๋ถ„์„์„ํ•ด๋„ ๊ตฌ์กฐ ๊ธฐํ˜ธ๋ฅผ ์ธ์‹ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

์•„์ด๋””์–ด ๋‚˜ ์›น ์Šคํ†ฐ์„ ์‚ฌ์šฉํ•˜๋ฉด ๊ณต์‹ ์—…๋ฐ์ดํŠธ๊ฐ€ ๋งค์šฐ ๋น ๋ฅด๋ฉฐ ์ง€์›๋„ ๋งค์šฐ ๊ฝ‰ ์ฐจ ์žˆ์Šต๋‹ˆ๋‹ค.

@ohmyauthenticๆœจ ๆœ‰ ~ ์›น ์Šคํ†ฐ์„ ๋ฐ”๊ฟ€ ๋ฐฉ๋ฒ•์ด ์—†์Šต๋‹ˆ๋‹ค ~

ํ•ด๊ฒฐ, browserHistory๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์š”์ฒญ์‹œ๋กœ๋“œ ํ•  ๋•Œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž‘์„ฑํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.
'dva / router'์—์„œ {useRouterHistory} ๊ฐ€์ ธ ์˜ค๊ธฐ;
'ํžˆ์Šคํ† ๋ฆฌ'์—์„œ {createHistory} ๊ฐ€์ ธ ์˜ค๊ธฐ;

dva ({
ํžˆ์Šคํ† ๋ฆฌ : useRouterHistory (createHistory) ({basename : 'ROOTPATH'}),
});

ํ•ด๊ฒฐ, browserHistory๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์š”์ฒญ์‹œ๋กœ๋“œ ํ•  ๋•Œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž‘์„ฑํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.
'dva / router'์—์„œ {useRouterHistory} ๊ฐ€์ ธ ์˜ค๊ธฐ;
'ํžˆ์Šคํ† ๋ฆฌ'์—์„œ {createHistory} ๊ฐ€์ ธ ์˜ค๊ธฐ;

dva ({
ํžˆ์Šคํ† ๋ฆฌ : useRouterHistory (createHistory) ({basename : 'ROOTPATH'}),
});

ํ•ด๊ฒฐ, browserHistory๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์š”์ฒญ์‹œ๋กœ๋“œ ํ•  ๋•Œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž‘์„ฑํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.
'dva / router'์—์„œ {useRouterHistory} ๊ฐ€์ ธ ์˜ค๊ธฐ;
'ํžˆ์Šคํ† ๋ฆฌ'์—์„œ {createHistory} ๊ฐ€์ ธ ์˜ค๊ธฐ;

dva ({
ํžˆ์Šคํ† ๋ฆฌ : useRouterHistory (createHistory) ({basename : 'ROOTPATH'}),
});

์•ˆ๋…•ํ•˜์„ธ์š”, ์ €๋Š” ๋‹น์‹ ์˜ ๋ฐฉ์‹์œผ๋กœ ํ•˜์œ„ ๋””๋ ‰ํ† ๋ฆฌ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์ง€๋งŒ ์ด์ œ ๋‹ค๋‹จ๊ณ„ ๊ฒฝ๋กœ๋กœ ์ฒซ ๋ฒˆ์งธ ์ˆ˜์ค€ ๊ฒฝ๋กœ์— http : // localhost : 8989 / indexpage๋ฅผ ์ž…๋ ฅํ•˜๊ณ  f5๋กœ ์ƒˆ๋กœ ๊ณ ์น˜์ง€ ๋งŒ http : // localhost : 8989 / indexpage / test1 f5๋ฅผ ๋ˆŒ๋Ÿฌ๋„ ์ž‘๋™ํ•˜์ง€ ์•Š์œผ๋ฉฐ ๋ณด๊ณ ์„œ์—์„œ .js ํŒŒ์ผ์„ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

@yinlsea ROOTPATH๋Š” ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋‚˜์š”? Link to = '/ xx / xx'๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋‹ค๋‹จ๊ณ„ ๊ฒฝ๋กœ๋ฅผ ์›ํ™œํ•˜๊ฒŒ ์ž…๋ ฅ ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ F5 ์ƒˆ๋กœ ๊ณ ์นจ ํ›„์—๋Š” ๋“ค์–ด๊ฐˆ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

ROOTPATH๋Š” ๋ฃจํŠธ ๊ฒฝ๋กœ์ž…๋‹ˆ๋‹ค (์˜ˆ : "/ XXX /", ์•ก์„ธ์Šค๋Š” http : // IP : PORT / XXX /).

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰