部署vue-cli 接口配置

.env.development  文件代码

NODE_ENV='development'
VUE_APP_Server= 'http://localhost:8080/api'    开发环境调用的接口

.env.production   文件代码

NODE_ENV='production'
VUE_APP_Server= 'http://localhost:5000'    //生产环境调用的接口

package.json

"serve": "vue-cli-service serve",
"build": "vue-cli-service build",

目录截图：

安装  npm install process

在封装的request.js 访问常量

request.js

import axios from 'axios'
const api = axios.create({
    baseURL:process.env.VUE_APP_Server,
    timeout:'5000'
})
//请求拦截器
api.interceptors.request.use((config)=>{
  return config;
},(err)=>{
    return Promise.reject(err)
})
api.interceptors.response.use((response)=>{
    return response.data
},(err)=>{
    return Promise.reject(err)
})
export default api;