美文网首页
基于jsonp cros跨域环境变量的配置

基于jsonp cros跨域环境变量的配置

作者: 媛猿YY | 来源:发表于2020-09-09 09:48 被阅读0次

    在src下面新建env.js

    // 基于jsonp cros跨域环境变量的配置
    let baseURL;
    // process.env  获取node.js中的环境变量参数信息
    switch (process.env.NODE_ENV) {
        case 'development':
            baseURL = "http://dev-mall-pre.springoot.cn/api";
            break;
        case 'test':
            baseURL = "http://test-mall-pre.springoot.cn/api";
            break;
        case 'production':
            baseURL = "http://mall-pre.springoot.cn/api";
            break;
        default:
            baseURL = "http://mall-pre.springoot.cn/api";
            break;
    
    }
    export default {
        baseURL
    }
    

    在main.js中引用

    import env from './env'
    axios.defaults.baseURL = env.baseURL;
    

    package.json 环境变量配置

    "scripts": {
        "serve": "vue-cli-service serve --mode=development",
        "test": "vue-cli-service serve --mode=test",
        "build": "vue-cli-service build --mode=production",
        "lint": "vue-cli-service lint"
      },
    

    运行

    npn run serve 开发环境调试
    
    npn run test 测试环境调试
    
    npn run build 线上打包
    

    相关文章

      网友评论

          本文标题:基于jsonp cros跨域环境变量的配置

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