vue 3.0 配置开发环境和测试环境

Posted 2021-03-16 hemei1212

1.在项目里的根目录里加入了3个文件（与vue.config.js同级）

.env   线上环境

.env.development 开发环境

.env.testbuild  测试环境

 

 

2.在上边3个文件中:

使用VUE_APP_URL = “接口url”
书写格式：VUE_APP_[自定义name]

 

 

 

 

 

 

 

 

 

 

 

 3在pakejson里面配置打包环境

 

 4.在config里面部分配置

 

module.exports = {

    publicPath:‘/‘,    // 公共路径

    outputDir: ‘dist‘,

    lintOnSave:false,  // 关闭eslint

    // productionSourceMap:true,  // 生产环境下css 分离文件

    devServer:{   // 配置服务器

        // open: process.platform === "darwin",

        disableHostCheck: false,

        host: "0.0.0.0",

        // port:8080,

        open:true,

        https:false,

        hotOnly: false, 

        // proxy: null,

        overlay: {

            warnings: true,

            errors: true

        }

    },

    configureWebpack:{  // 覆盖webpack默认配置的都在这里

        externals: {

            ‘AMap‘: ‘AMap‘, // 高德地图配置

        },

    },

    

}

5.在你需要用到的接口的地方，换成我们自己定义的名字即可