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

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

所有评论(0)