需要在和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,//请求超时
});

Logo

一站式 AI 云服务平台

更多推荐