构建应用程序后，React路由器不起作用。

48 浏览
0 Comments

构建应用程序后，React路由器不起作用。

我对React和React-Router还不太熟悉。这个应用是使用create-react-app创建的。我需要在我的应用中实现路由，有两个主要页面。我尝试了很多选项，最终用下面的代码使其工作起来。

在开发过程中，这段代码工作得很好。但是构建应用后，它没有正常工作。只有404页面的路由被显示出来。请帮我解决这个问题。

我使用browserHistory来在下拉菜单改变时启用导航，代码如下：

selectCountry(event){
    var value = event.target.value;
    browserHistory.push('/sna/' + value);
}

package.json

  {
  "name": "my-app",
  "version": "0.1.0",
  "homepage": "./",
  "private": true,
  "dependencies": {
    "bootstrap": "^3.3.7",
    "react": "^15.4.2",
    "react-addons-update": "^15.4.2",
    "react-bootstrap": "^0.30.8",
    "react-data-grid": "^2.0.24",
    "react-dom": "^15.4.2",
    "react-router": "^2.6.0"
  },
  "devDependencies": {
    "react-scripts": "0.9.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

0