Javascript “错误”;无法获取;刷新Redux组件后浏览器中的url
我正在URL localhost上正确呈现以下组件:8080/productDesc/433899641,第一次加载时从另一个组件导航。 但是,刷新页面时,浏览器不会加载React并在显示中返回错误消息“Cannot GET/productDesc/433899641”,并且控制台中没有要调试的内容Javascript “错误”;无法获取;刷新Redux组件后浏览器中的url,javascript,reactjs,redux,Javascript,Reactjs,Redux,我正在URL localhost上正确呈现以下组件:8080/productDesc/433899641,第一次加载时从另一个组件导航。 但是,刷新页面时,浏览器不会加载React并在显示中返回错误消息“Cannot GET/productDesc/433899641”,并且控制台中没有要调试的内容 import React from 'react' const ProductDesc = (props)=>{ function test(element,index,array
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;
从“React”导入React
const ProductDesc=(道具)=>{
功能测试(元素、索引、数组){
var convertId=编号(productId)
if(element.id==convertId){
返回true;
}
}
const产品=道具产品;
const productId=props.params.itemId;
常数i=产品。findIndex(测试);
常数乘积=乘积[i];
控制台日志(产品);
返回(
)
}
ProductDesc.propTypes={
产品:React.PropTypes.array
};
导出默认产品描述;
我的路线如下
<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。问题不在于客户端,而在于服务器。在浏览器中输入url时,它会尝试将其映射到不存在的ressource。通常我们使用通配符将其路由到index.html,然后由客户端接管。好的,关于@Nicc I功能的更多细节应该包括链接。谢谢