[Vuejs]-How to create global variable for Dev and production api? Vue 3

Use https://webpack.js.org/plugins/define-plugin/ in vue.config.js:

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        VUE_APP_ROOT_API: JSON.stringify(process.env.VUE_APP_ROOT_API),
      }),
    ],
  },
};