Блог

Главная - Вопросы по программированию - Vue.js historyapifallback не работает, почему?

Vue.js historyapifallback не работает, почему?

#vue.js #vuejs3 #webpack-dev-server

Вопрос:

В среде разработки обновление из /теста работает нормально.

Однако при обновлении после развертывания я получаю ошибку 404.

В чем проблема?

vue.config.js

 const path = require("path");
module.exports = {
  devServer: {
    overlay: false,
    historyApiFallback: true,
    hot: true,
  },
  transpileDependencies: [
    'element-plus'
  ],
  
  publicPath: '/',
  
  outputDir: path.resolve(__dirname, "./dist"),
}

Комментарии:

1. devServer.historyApiFallback настраивает только ваш сервер разработки. Это не влияет на ваш рабочий сервер. Вам необходимо настроить рабочий сервер для перенаправления на index.html него .

2. Нужно ли мне вносить изменения на сервере, а не в Vue.js-это веб-пакет?

3. ДА. Необходимо настроить рабочий сервер.

Метки: ,