Dva: ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ๋ฐ ๋นŒ๋“œ ํ™˜๊ฒฝ์—์„œ browserHistory๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

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

๊ณต์‹ ๋ฌธ์„œ์— ๋”ฐ๋ฅด๋ฉด
'dva / router'์—์„œ {browserHistory} ๊ฐ€์ ธ ์˜ค๊ธฐ;
// 1. ์ดˆ๊ธฐํ™”
const ์•ฑ = dva ({
์—ญ์‚ฌ : browserHistory,
});

์ด๊ฒƒ์€ ์ •์ƒ์ด์ง€๋งŒ ์•ก์„ธ์Šค ๊ฒฝ๋กœ ์•„๋ž˜์˜ ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋ฅผ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
URL์— #์ž๊ฐ€ ์žˆ์œผ๋ฉด ์ •์ƒ์ž…๋‹ˆ๋‹ค.์กฐ์–ธํ•˜์‹ญ์‹œ์˜ค

faq question

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋กœ๋“œ ํ˜ธ๊ทธ ์„œ๋ฒ„ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ ๋ธŒ๋ผ์šฐ์ € ํžˆ์Šคํ† ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

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

browserHistory๋ฅผ ์‚ฌ์šฉํ•œ ํ›„ ์„œ๋ฒ„๋Š” ํŒฌ ๋ผ์šฐํŒ…์„ ๊ตฌ์„ฑํ•˜๊ณ  ๋ชจ๋“  ๊ฒฝ๋กœ๋ฅผ index.html ํŒŒ์ผ๋กœ ์ง€์ •ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

@lincenying @sorrycc์—๊ฒŒ ๋ฌผ์–ด๋ณด์„ธ์š”
๊ทธ๋ ‡๋‹ค๋ฉด dva-cli๋กœ ๋งŒ๋“  ์Šค์บ ํด๋“œ์ด๊ณ  dora๋ฅผ ๊ฐœ๋ฐœ ์„œ๋ฒ„๋กœ ์‚ฌ์šฉํ•œ๋‹ค๋ฉด ์–ด๋–ป๊ฒŒ ๊ตฌ์„ฑํ•ด์•ผํ• ๊นŒ์š”?
๋˜ํ•œ ์˜จ๋ผ์ธ ํ™˜๊ฒฝ์„ ์ •์ƒ์ ์œผ๋กœ ๋ฐฐํฌํ•˜๋ฉด (atools-build๋กœ ์ƒ์„ฑ๋จ) ์–ด๋–ป๊ฒŒํ•ด์•ผํ•ฉ๋‹ˆ๊นŒ?

@lincenying @sorrycc ์—๊ฒŒ ๊ฐ์‚ฌ๋ฅผ ํ‘œํ•˜๋Š” ํŠœํ† ๋ฆฌ์–ผ์ด๋‚˜ ๋ฐ๋ชจ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

๊ฐœ๋ฐœ ๋ชจ๋“œ์—์„œ

dora-plugin-browser-history ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  index ๋ฅผ

ํ™˜๊ฒฝ ๊ตฌ์ถ•

์„œ๋ฒ„ (์˜ˆ : ๋…ธ๋“œ)์—์„œ nginx ๋˜๋Š” ์ผ๊ด„ ์ฒ˜๋ฆฌ ๋ผ์šฐํŒ…์„ ์‚ฌ์šฉํ•˜์—ฌ ์„œ๋ฒ„ ์ง€์›์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ : https://github.com/sorrycc/dva-boilerplate-isomorphic/blob/master/server/server.js#L22

๋งค๋ ฅ์ฒ˜๋Ÿผ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค โœŒ๏ธ
@sorrycc

nginx์˜ ๊ฐ„๋‹จํ•œ ๊ตฌ์„ฑ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

server {
    listen 8088;
    listen [::]:8088;

    root /opt/web/static;

        location / {
          try_files $uri /index.html;
        }
}

atool-build ์ƒ์„ฑ
index.css
index.html
index.js
nginx ๋ฃจํŠธ ์•„๋ž˜์— ๋„ฃ์œผ์‹ญ์‹œ์˜ค. /opt/web/static

        location / {
          try_files $uri /index.html;
        }

ํŽ˜์ด์ง€๋ฅผ ์ƒˆ๋กœ ๊ณ ์น˜์ง€ ์•Š์•„๋„ ๋ฌธ์ œ ์—†์Šต๋‹ˆ๋‹ค.๋‚ด๊ฐ€ ๋งŒ๋‚œ ๋ฌธ์ œ๋Š” dev.site/foo/bar ์ด์ด ํŽ˜์ด์ง€

dev.site/foo/bar/common.js 
...
dev.site/foo/bar/index.css

์ด ์ƒํ™ฉ์—์„œ nginx๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

@xjdata ๋ฆฌ์†Œ์Šค ํŒŒ์ผ์˜ ๋งํฌ๋Š” /common.js ์™€ ๊ฐ™์€ ์ ˆ๋Œ€ ๊ฒฝ๋กœ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

@sorrycc ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋กœ๋“œ ํ˜ธ๊ทธ ์„œ๋ฒ„ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ ๋ธŒ๋ผ์šฐ์ € ํžˆ์Šคํ† ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

๋˜ํ•œ roadhog ์„œ๋ฒ„ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ ๋ธŒ๋ผ์šฐ์ € ํžˆ์Šคํ† ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ๋„์›€์„ ์š”์ฒญํ•˜์‹ญ์‹œ์˜ค.

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