301使用Webpack开发服务器重定向

rkttyhzu 于 2022-11-13 发布在 Webpack

关注(0)|答案(2)|浏览(202)

我正在尝试重定向此格式的URL：
http://localhost:8080/setup/xyz/?code=some-code
更改为：
http://localhost:8080/app/#/setup/xyz/?code=some-code个
我尝试过代理和重写：

historyApiFallback: {
  rewrites: [
    { from: /^\/$/, to: '/index.html' },
    { from: /^\/app/, to: '/app.html' },
    { from: /^\/setup/, to: '/app/#/setup' },
  ]

}，
但是它似乎不起作用。有没有办法用dev服务器来写301重定向？

webpack

来源：https://stackoverflow.com/questions/49055008/301-redirect-with-webpack-dev-server

2条答案

按热度按时间

zphenhs41#

尝试配置devServerhttps://itsopensource.com/how-to-serve-api-locally-with-webpack/

const data = require("./data.json");

module.exports = {
  mode: "development",
  entry: "./src/index",
  output: {
    filename: "bundle.js",
    path: path.resolve(__dirname, "build")
  },
  plugins: [],
  devServer: {
    before: function(app) {
      app.get("/getData", function(req, res) {
        res.json(data);
      });
    },
    open: true,
    port: 3000
  },
  resolve: {
    extensions: [".js"]
  },
  module: {}
};

赞(0）回复(0）举报 2022-11-13

bmp9r5qi2#

@Eugen的回答让我走上了正确的道路。以下是我需要的额外细节：
当前的devserver API是onBeforeSetupMiddleware，它公开了express server API，包括重定向。

devServer: {
    onBeforeSetupMiddleware: (devServer) => {
      devServer?.app?.get('/setup', (req, res) => {
        res.redirect('/app/#' + req.originalUrl);
      });
    }
  },

赞(0）回复(0）举报 2022-11-13

我来回答

301使用Webpack开发服务器重定向

2条答案

相关问题

热门标签

最新问答