生产和测试执行的都是npm run build命令,需要配置文件区分一下使用的接口地址
1、项目根目录下建两个文件
自定义的变量名字一定要以VUE_APP开头,不然使用的时候拿不到!
2、package.json中
--mode后面跟着的就是.env.xxx文件的名字
执行命令的话就是 npm run build:prod 或者 npm run build:stage
3、普通文件中使用
let apiHost = process.env.VUE_APP_URL;
axios({
method: "get",
url: apiHost + "/v1/users/info",
headers: {
authorization: "Bearer" + " " + guanHaiToken
}
})
vue3项目不再支持process,除非使用vite构建
附上vue-cli的文档,说的很清楚