preact-默认情况下的路由器无法按预期工作

Question

我是preact新手，我正在尝试用Preact-X开发一个项目。

我希望我的项目运行与默认的URL只有一个组件。

例如：loaclhost:8080，localhost:8080/jobs，localhost:8080/?some-parameters。

我有一个类似下面的组件：

import { h } from 'preact'
import { Provider } from 'react-redux'
import { Router } from 'preact-router'
import Jobs from './jobs/index'

function App({ store }) {
    function handleRoute(e) {
        console.log(e.url)
    }

    return (
        <Provider store={store}>
            <Router onChange={handleRoute}>
                <Jobs default />
            </Router>
        </Provider>
    )
}

export default App

我不确定为什么它只适用于localhost:8080，而不适用于其他路由。

你可以找到整个repo here

任何帮助都将不胜感激。

Answer 1

需要将Webpack的devServer.historyApiFallback选项设置为true。

在配置的line 64上：

devServer: {
  historyApiFallback: true,
  // etc