具有默认情况的 preact-router 未按预期工作

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