小编Dre*_*dré的帖子

React Router 4在Rails和React之上运行,但是在一个<Link />元素之后触发我的服务器中的GET请求并在我的开发环境中重新加载整页.

以下是我正在运行的当前版本:

"@rails/webpacker": "^3.0.2",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-router-dom": "^4.2.2",
"clean-webpack-plugin": "^0.1.17",
"webpack-dev-server": "^2.9.5",
"webpack-merge": "^4.1.1"

我正在使用foreman gem,它在localhost:5000上运行rails服务器和webpack-dev-server.

我尝试过的:

• 添加historyApiFallback到我的webpack-dev-server CLI
• 使用<Link />和<NavLink />
• 在/我的链接中添加尾随;<Link path='/sign-in/' component={Register} />
• 只 渲染<App />最高级别的组件,并添加<BrowserRouter />和所有路由/切换<App />
• 我已经尝试使用exact path,strict path和刚path

我很好奇,如果它是我的webpack配置的东西...如果有必要,我也可以发布它.看起来这一切都是正确的,但其他一些时髦的东西正在发生.

什么是工作: -我能组件之间,在切换,即使我的轨道路线routes.rb有一个包罗万象的:get '*path', to: 'pages#index'

这是我的最高级别组件index.js

import React from 'react';
import ReactDOM from 'react-dom'; …