user-dashboard ์์ ๋ ๋ค์๊ณผ ๊ฐ์ด dynamic-load ์์ ์ ๋ฐ๋ผ router.js๋ก๋ง ์์ ๋ฉ๋๋ค.
ํ์คํ ๋ฆฌ์์ browserHistory๋ฅผ ์ฌ์ฉํ ๋ / demo / users ๊ฒฝ๋ก๋ก ๋ผ์ฐํ
๋๋ฉด 127.0.0.1:8989/demo/0.js๋ฅผ ์์ฒญํ๊ณ 404 ์ค๋ฅ๊ฐ ๋ํ๋ฉ๋๋ค.
ํ์คํ ๋ฆฌ๊ฐ hashHistory๋ฅผ ์ฌ์ฉํ๋ฉด ๋ฌธ์ ๊ฐ ์์ผ๋ฉฐ ์์ฒญ์ 127.0.0.1:8989/0.js์
๋๋ค.
/ users๋ก ์ง์ ๋ผ์ฐํ ๋๋ฉด hashHistory์ด๋ browserHistory์ด๋ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
๋์ ๋ถํ ๋ชจ๋๋ฅผ ์ง์ ์ฌ์ฉํ์ง ์์ผ๋ฉด ์ฌ๋ฌ ์์ค์ผ๋ก ๋ผ์ฐํ
ํ๋ ๋ฐ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
webpack์ publicPath๋ฅผ /
์ ์ผ์น์์ผ๋ณด์ญ์์ค.
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 /).