vue-cli/webpack4.x 打包--webpack配置--devServer

devServer

.env.development  配置全局变量

# 代理配置
VUE_APP_BASE_IP = 'http://192.128.15.157:15530'
VUE_APP_BASE_API = '/api'

vue.config.js  中配置  devServer 进行代理

  devServer: {
    open: true,
    port: process.env.VUE_APP_BASE_PORT,
    proxy: {// 此处ip配置转移到.evn.development 文件中配置了
      [process.env.VUE_APP_BASE_API]: {
        target: process.env.VUE_APP_BASE_IP + process.env.VUE_APP_BASE_API, // 此处ip配置转移到.evn.development 文件中配置了
        pathRewrite: {
          [process.env.VUE_APP_BASE_API]: '' // 此处ip配置转移到.evn.development 文件中配置了
        }
      }
    }
  },

VUE_APP_BASE_IP  + VUE_APP_BASE_API  为后台 base地址

也可以顺便在 request.js 中把基础路径配置上

// 创建axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // 基路径
  withCredentials: true, // 跨域请求时发送Cookie
  timeout: 600000 // 请求超时时间
})