vue3 + vite 环境变量配置

1、设置开发环境启动命令使用的环境变量 “dev”: “vite --mode development”,
在package.json文件中:
{
  "name": "test",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite --mode development",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "ant-design-vue": "^2.2.8",
    "axios": "^0.24.0",
    "js-cookie": "^3.0.1",
    "qs": "^6.10.3",
    "vue": "^3.2.25",
    "vue-router": "^4.0.12",
    "vuex": "^4.0.2"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^2.0.0",
    "less": "^4.1.2",
    "vite": "^2.7.2",
    "vite-plugin-cdn-import": "^0.3.5",
    "vite-plugin-components": "^0.13.3",
    "vite-plugin-compression": "^0.4.0",
    "vite-plugin-imagemin": "^0.5.1",
    "vite-plugin-imp": "^2.1.3"
  }
}
在.env.development 文件中:
VITE_BASE_API = "http://182.603.239.5300:8088"
在api.js文件中打印:
console.log(import.meta.env);
打印结果:
BASE_URL: "/"
DEV: true
MODE: "development"
PROD: false
SSR: false
VITE_BASE_API: "http://182.603.239.5300:8088"

在这里插入图片描述

2、生产环境操作类似操作(未开始,做到再加)

猜你喜欢

转载自blog.csdn.net/agua001/article/details/122744663
今日推荐