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而不适用于其他路线。

您可以找到整个仓库here

任何帮助将不胜感激。

Answer 1

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

在line 64的配置中：

devServer: {
  historyApiFallback: true,
  // etc

具有默认大小写的preact-router无法按预期工作

1 个答案: