vue-vite的项目配置开发环境、测试环境、生产环境地址
需要在和src同级的目录下新建3个文件,代表开发环境地址和生产环境地址,文件名要一字不差.env.development.env.production.env.test使用:在不同环境中,其他文件使用import.meta.env.VITE_BASE_API就代表不同的地址
·
需要在和src同级的目录下新建3个文件,代表开发环境地址和生产环境地址,文件名要一字不差
.env.development
.env.production
.env.test

.env.development文件内容:xxxxxx代表开发环境的地址
VITE_BASE_API=xxxxxx
.env.production文件内容:xxx代表生产环境的地址
VITE_BASE_API=xxx
.env.test文件同上
使用:在不同环境中,其他文件使用import.meta.env.VITE_BASE_API就代表不同的地址,如
import axios from "axios";//创建一个axios的对象
//生成一个axios的实例
const http = axios.create({
baseURL:import.meta.env.VITE_BASE_API,//开发环境就是xxxxxx,生产环境就是xxx
timeout: 6000,//请求超时
});
更多推荐

所有评论(0)