一、創(chuàng)建項(xiàng)目
1.npm install -g create-react-app；
2.create-react-app my-app（my-app為項(xiàng)目名字）；
這樣一個(gè)react項(xiàng)目就初始化好了，運(yùn)行npm start啟動(dòng)項(xiàng)目可查看，接下來(lái)可以配置路由。
二、多頁(yè)面路由
1.安裝React Router
React Router已被拆分成三個(gè)包：react-router,react-router-dom和react-router-native。你不需要直接安裝react-router，react-router包提供核心的路由組件與函數(shù)。其余兩個(gè)提供運(yùn)行環(huán)境（瀏覽器與react-native）所需的特定組件，但是他們都暴露出react-router中暴露的對(duì)象與方法。你應(yīng)該為你的環(huán)境選擇正確的包。我們進(jìn)行的是網(wǎng)站（將會(huì)運(yùn)行在瀏覽器）構(gòu)建，所以應(yīng)安裝react-router-dom。
npm install -save react-router-dom
當(dāng)進(jìn)行新項(xiàng)目時(shí)，你需要選擇使用哪種路由。對(duì)于瀏覽器項(xiàng)目（網(wǎng)站），react-router4提供了和兩個(gè)組件。前者在你有服務(wù)器處理動(dòng)態(tài)請(qǐng)求的時(shí)候使用，后者在靜態(tài)網(wǎng)站的時(shí)候使用。
通常我們選擇使用，但是如果你的網(wǎng)站將運(yùn)行在只有靜態(tài)文件的服務(wù)器上，是一個(gè)不錯(cuò)的方案。
對(duì)于我們的項(xiàng)目，我們假設(shè)我們的網(wǎng)站將架設(shè)在動(dòng)態(tài)服務(wù)器上，所以我們選擇的路由組件是<BrowserRouter>
2.創(chuàng)建路由，使用Link來(lái)進(jìn)行路由導(dǎo)航
在src目錄下新建Routes.js文件，定義路由：
修改App.js文件：
修改src目錄下的index.js文件：
這樣路由就配置好了，在頁(yè)面中可以用Link標(biāo)簽進(jìn)行跳轉(zhuǎn)：
現(xiàn)在一個(gè)簡(jiǎn)單的demo就完成了，接下來(lái)是打包發(fā)布。
三、打包
在項(xiàng)目目錄下，運(yùn)行npm run build，進(jìn)行打包，打包完成后會(huì)在目錄下生成一個(gè)build文件夾，build生成的這些東西要放在服務(wù)器root下。
四、布署
布署的時(shí)候你必須把build里的文件直接放到服務(wù)器的根路徑下，比如，你的服務(wù)器IP是47.96.134.256，應(yīng)用服務(wù)器端口為8080，你應(yīng)該保證http://47.96.134.256:8080這種訪問(wèn)方式，訪問(wèn)到的是你的build下的文件。如果你希望以http://47.96.134.256:8080/build/index.htm這種方式訪問(wèn)應(yīng)用，那么你可以在package.json文件中增加一個(gè)homepage字段：
"homepage": ".",
