我们在开发项目的时候,往往会在同一个局域网进行开发,前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是,当项目推到线上的时候,我们会从真实服务器上获取接口,因此,我们可能在测试接口和真实接口之间频繁切换
1.找到文件
/config/dev.env.js
/config/prod.env.js
2、修改文件
a、dev.env.js
'use strict' const merge = require('webpack-merge') const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT: '"http://1.1.1.1:8080/static/data/"' //设置 })
b、prod.env.js
'use strict' module.exports = { NODE_ENV: '"production"', API_ROOT: '"www..babb../data/"' }
3、引用
<script> var root = process.env.API_ROOT </script>