vue.cli发布不同的环境

//1
cnpm i --save-dev cross-env
//2在config文件夹下创建一个配置测试环境的文件比如:test.env.js,其他的dev.env.js 也是这样写就可以
module.exports = {
  NODE_ENV: '"production"',
  ENV_CONFIG: '"test"',
  BASE_API: '"地址"'
}
//3 在build 文件夹下,webpack.dev.conf.js:(webpack.prod.conf.js做同样处理)
添加:const env = require('../config/'+process.env.env_config+'.env');
修改: new webpack.DefinePlugin({
           'process.env': env,

    })
//4在封装axios 的代码里修改基础路径:
axios.defaults.baseURL = process.env.BASE_API
//5修改package.json
"scripts": {
    "dev": "cross-env NODE_ENV=development ENV_CONFIG=dev webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "test": "cross-env NODE_ENV=production ENV_CONFIG=test node build/build.js",
    
  },

  

posted @ 2019-10-14 18:40  梦蝶庄周  阅读(278)  评论(0编辑  收藏  举报