vue.config.js文件中使用vue实例挂载的变量

Question

在main.js中挂载了一个全局变量  Vue.prototype.$title = .........

我怎么在vue.config.js文件中使用这个title变量呀。

Answer 1

这个不知道，没有这样使用过，感觉不可以。但是我有两个解决方案。

1、单独写一个配置文件，在 main.js 中引入挂在到 vue.prototype 上面，在 vue.config.js 引入文件，单独使用。

2、把全局变量挂载到 widnow 上面，这样也可以全局使用。

以上两种方法都有优缺点，根据情况使用。

Answer 2

为啥不用node变量

 

Answer 3

  devServer: {
    host: 'localhost',
    port: 8093,
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: `http://localhost:8092`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    }
  },

Answer 4

你可以创建一个json文件，里面设置好相关地址与端口，然后在main.ts中读取这个文件，编译后，只要手动改json文件就可以了