Javascript 404未找到页面-reactjs
我把我的网站上传到服务器上,我的网站运行良好。但我有个问题 当我从路径Javascript 404未找到页面-reactjs,javascript,reactjs,Javascript,Reactjs,我把我的网站上传到服务器上,我的网站运行良好。但我有个问题 当我从路径B转到路径A时,B组件也已加载。但是当我复制我的B组件url时,我得到了404未找到页面 例如,当我复制/粘贴此url时: 我得到了一个404找不到的页面 我的路线: import React from 'react' import { Provider } from 'react-redux' import { Router, Route, IndexRoute } from 'react-router' import c
B
转到路径A
时,B
组件也已加载。但是当我复制我的B
组件url时,我得到了404未找到页面
例如,当我复制/粘贴此url时:
我得到了一个404找不到的页面
我的路线:
import React from 'react'
import { Provider } from 'react-redux'
import { Router, Route, IndexRoute } from 'react-router'
import configureStore from 'store/configureStore'
import App from 'containers/App'
import Home from 'containers/Home'
import Detail from 'containers/Detail'
import Cart from 'containers/Cart'
import Login from 'containers/Login'
import Profile from 'containers/Profile'
import Category from 'containers/Category'
export default function(history) {
return (
<Router history={history}>
<Route path="/" component={App}>
<Route exact path="/offers/:id" component={Detail} />
<Route path="/cart/cart" component={Cart} />
<Route path="/login" component={Login} />
<Route path="/profile/:section" component={Profile} />
<Route path="/category/:city/:category" component={Category} />
<IndexRoute component={Home} />
</Route>
</Router>
)
}
即使用户想要刷新当前网页,他也会收到404错误
我的服务器语言是php。您需要将服务器配置为始终为所有URL提供
index.html
文件
下面是如何在NodeJS中执行此操作的示例之一
您需要将所有URL重定向到index.html,这样它才能工作即使用户想要刷新网页,他也会收到404错误。原因与以前相同。下面是一篇简单的文章来解决此问题。我们可以为任何SPA框架解决此问题
import 'babel-polyfill'
import React from 'react'
import ReactDOM from 'react-dom'
import { browserHistory } from 'react-router'
import configureStore from 'store/configureStore'
import createRoutes from 'routes/index'
import { Provider } from 'react-redux'
import Immutable from 'immutable'
import _ from 'lodash'
let reduxState = {}
if (window.__REDUX_STATE__) {
try {
let plain = JSON.parse(unescape(__REDUX_STATE__))
_.each(plain, (val, key)=> {
reduxState[key] = Immutable.fromJS(val)
})
} catch (e) {
}
}
const store = configureStore(reduxState)
ReactDOM.render((
<Provider store={store}>
{ createRoutes(browserHistory) }
</Provider>
), document.getElementById('root'))