webpack-dev-server historyApiFallback 不起作用

Question

我正在尝试实现我的客户端渲染版本。 因此，我想处理从index.html导入的router.js路由。

所以我添加了一个historyAPIFallback但它似乎不起作用。

我尝试了两种方法都指向localhost/post/1/test ，

// webpack.config.js
devServer: {
    port: 3000,
    historyApiFallback: {
      rewrites: [{ from: /.*/, to: './src/index.html' }],
    },
  },

这输出：

Uncaught SyntaxError: Unexpected token '<'

指向第一个<html>标签。

// webpack.config.js
devServer: {
    port: 3000,
    historyApiFallback: {
      index: './src/index.html',
    },
  },

这输出：

GET http://localhost:3000/post/1/index.js net::ERR_ABORTED 404 (Not Found)

任何想法来解决我做错了什么？

Answer 1

对我index.html解决方案是在我导入index.js index.html中添加/

前：

<script src="index.js"></script>

后：

<script src="/index.js"></script>