美文网首页vue
VUE 根据环境变量设置baserUrl

VUE 根据环境变量设置baserUrl

作者: 抽疯的稻草绳 | 来源:发表于2021-11-16 10:06 被阅读0次
    1.在请求文件同层目录新建config 目录
    const env = process.env.NODE_ENV
    
    const config = {
      development: {
        baseURL: '/api', //开发
      },
      production: {
        baseURL: '/', //生产
      },
    }
    
    export default {
      baseURL: config[env].baseURL,
    }
    
    
    2.在请求接口引入文件
    import config from './config/index'
    
    let ConfigBaseURL = config.baseURL //根地址
    
    const http = axios.create({
      timeout: 15000,
      baseURL: ConfigBaseURL,
    })
    http.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
    

    3.在开发环境上代理的就是 api

    4.在生产环境上的根地址就是 /

    相关文章

      网友评论

        本文标题:VUE 根据环境变量设置baserUrl

        本文链接:https://www.haomeiwen.com/subject/hffhtrtx.html