Реагировать на проблему веб-сайта: относительный путь перенаправления на корневой "localhost"

Question

Я разрабатываю веб-сайт для портфолио по реагированию.

У меня не было никаких проблем при разработке моего веб-сайта на сервере dev ... Пока я не попытался собрать свое приложение в производственном режиме.

Все хорошо работает на сервере узлов узла (localhost: 8080), но когда я открываю dist / index.html на моем локальном сервере (wamp на localhost / website_2018 / dist / index.html), нетмедиа больше не загружаются: мое приложение считает страницу пустой (без существующего пути в роутере).

Мой веб-сайт находится в подпапке: localhost / website_2018 /, но мне нужно написать полный адрес "localhost / website_2018 / dist / index.html", чтобы открыть его в моем браузере.После этого, когда я нажимаю на ссылку меню моего веб-сайта, он автоматически перенаправляет меня только на "localhost /", где появляется моя домашняя страница, но все еще без носителей.

Я предполагаю, что проблема возникла из-за открытого пути к моей конфигурации веб-пакета.Я искал много похожих проблем в интернете, но не нашел рабочего ответа ...

Я хочу, чтобы "/" интерпретировалось как "localhost / website_2018 /" ине просто "localhost".Все мои файлы и скрипты в моем приложении называются с этим относительным "/".

Вот мой конфиг веб-пакета:

const webpack = require('webpack');
const path = require('path');

module.exports = {
  entry: './src/index.js',
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: ['babel-loader']
      },
      {
        test: /\.svg$/,
        exclude: /node_modules/,
        loader: 'svg-react-loader'
      }
    ]
  },
  resolve: {
    alias: {
       jquery: "jquery/src/jquery"
    },
    extensions: ['*', '.json', '.js', '.jsx']
  },
  output: {
    path: __dirname + '/dist',
    publicPath: path.join(__dirname, "website_2018/"),
    filename: 'bundle.js'
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    }),
    new webpack.HotModuleReplacementPlugin()
  ],
  devServer: {
    contentBase: './dist',
    historyApiFallback: true,
    hot: true
  }
};

На случай, если это ссылки на мое меню:

            <div className="main">
                <Route render={({ location }) => (
                    <TransitionGroup>
                        <CSSTransition
                            key={location.key}
                            timeout={1500}
                            classNames="fade"
                        >
                            <Switch location={location}>
                                <Route exact path="/" component={HomePage}/>
                                <Route path="/projets" component={ProjectsPage}/>
                                <Route path="/contact" component={ContactPage}/>
                            </Switch>
                        </CSSTransition>
                    </TransitionGroup>
                )}/>
            </div>

Может кто-нибудь помочь мне в этом?

Заранее спасибо,

N.