Vue.config.js to enable hot module reload in external server like Rails

vue.config.js

//make sure the rails server domain name and vue cli publicPath, devServer.host should be the same
module.exports = {
  "outputDir": `${process.env.OUTPUT_PATH}`,
  "filenameHashing": false,
  devServer: {
    headers: {
      "Access-Control-Allow-Origin": "\*"
    },
    host: process.env.PUBLIC_URL,
    port: process.env.PORT,
    public: `${process.env.PUBLIC_URL}:${process.env.PORT}`,
  },
  publicPath: `http://${process.env.PUBLIC_URL}:${process.env.PORT}/`
}