vue.config.js

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

const apiUrl = 'http://localhost:3000';

module.exports = {
  outputDir: './dist/public',
  chainWebpack: config => {
    config.plugin('html').tap(([options]) => [
      Object.assign(options, {
        template: path.resolve('client/public/index.html')
      })
    ]);
    config.set('entry', './src/main.ts');
    config.set('context', path.join(__dirname + '/client'));
    config.resolve.alias.set('@', path.join(__dirname + '/client/src'));
  },
  configureWebpack: config => {
    return {
      plugins: [
        new webpack.NormalModuleReplacementPlugin(
          /environments\/environment/gi,
          result => config.mode === 'production' ? (result.request += '.prod') : result
        )
      ]
    };
  },
  devServer: {
    proxy: {
      '/api': {
        target: apiUrl,
        ws: true,
        changeOrigin: true
      }
    }
  }
};