vite 设置全局变量

为了方便的切换, 开发环境, 测试环境, 线上环境切换问题, 所以专门用一个文件来保存一些关于环境的

在项目根目录新建以下文件

• .env 无论开发环境还是生成环境都会加载
• .env.development 开发环境加载这个文件
• .env.production 生成环境加载这个文件

默认必须用 VITE_ 作为前缀, 如果要修改, 请参照

// .env
NODE_ENV = 'development';
VITE_BASE_API_URL = 'http://dev.example.io/api';

// 使用
const baseURL = import.meta.env.VITE_BASE_API_URL || '';

Vue 实例设置全局属性

• vue2

import Vue from 'vue';
Vue.prototype.key = 'value';

• vu3

import { createApp } from 'vue';
const app = createApp(/*...*/);
app.globalProperties.key = 'value';

全局配置和错误处理

• vue2 文档

import Vue from 'vue';

Vue.config.errorHandler = function (err, vm, info) {
  console.log(err, vm, info);
};

• vue3 文档

import { createApp } from 'vue';
const app = createApp({
  /* ... */
});

app.config.errorHandler = function (err, app, info) {
  console.log(err, vm, info);
};