我在 URL localhost:8080/productDesc/433899641 上正确呈现以下组件,第一次加载时从另一个组件导航。 然而,当刷新页面时,浏览器不加载 React 并在显示中返回错误消息“无法获取/productDesc/433899641”并且控制台中没有任何内容可以调试
import React from 'react'
const ProductDesc = (props)=>{
function test(element,index,array){
var convertId = Number(productId)
if(element.id === convertId){
return true;
}
}
const products = props.products;
const productId = props.params.itemId;
const i = products.findIndex(test);
const product = products[i];
console.log(product);
return (
<ProductComponent />
)
}
ProductDesc.propTypes = {
products: React.PropTypes.array
};
export default ProductDesc;
我的路线如下
<Provider store={store}>
<Router history={ history }>
<Route path="/" component={ App }>
<IndexRoute component={ ProductsGrid } />
<Route
path="/productDesc/:itemId"
component={ ProductDesc }
/>
</Route>
</Router>
</Provider>
我应该如何保持当前状态并重新加载它?我正在使用 Redux
最佳答案
为了在服务器重新加载后幸存下来,无论请求什么路径,您的服务器都需要通过响应 index.html 来支持它。否则,使用 hashHistory 而不是 browserHistory。
关于javascript - 刷新 Redux 组件后浏览器中的错误 "Cannot GET"url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39147442/