vue2.x配置cross-env打包--无需更改生产或测试环境地址

Posted 羽梓橙

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.x配置cross-env打包--无需更改生产或测试环境地址相关的知识,希望对你有一定的参考价值。

0、安装依赖cross-env
1、外部IP.js文件拿到ip
2、保证打包
config/index.js
引入IP.js
const ipFile = require(\'../build/ip\') 

module.exports/dev/host设置值为获取的ip
host: ipFile.getIp(),

package.json/"build": "cross-env NODE_ENV=production env_config=prod node build/build.js"

3、保证本地开发
config/index.js
引入IP.js
module.exports--dev--proxyTable下面的对象的target--写上开发的后端地址

const os = require(\'os\') 
module.exports = {
  getIp(){
    const ifaces = os.networkInterfaces() // 获得网络接口列表。
    let ip = \'\'
    for(const dev in ifaces) {
      ifaces[dev].forEach(function(details) {
        if(ip === \'\' && details.family === \'IPv4\' && !details.internal) {
          ip = details.address
          return
        }
      })
    }
    console.log(ip,"ip-------")
    return ip || \'0.0.0.0\'
  }
}

以上是关于vue2.x配置cross-env打包--无需更改生产或测试环境地址的主要内容,如果未能解决你的问题,请参考以下文章

vue2.x+electron创建桌面程序

vue2.x+electron创建桌面程序

vue项目中运用webpack动态配置打包多种环境域名

cross-env 根据环境打包

vue打包部署(含2.0)

vue2.x 路由懒加载 优化打包体积