在开发过程中,经常会设置端口和IP之类的,而且开发和生成环境会不一样,如果每次发布都要修改配置,会非常的不方便,而且有时会忘记修改。在vue项目中,有两个配置文件,分别为dev.env.js
、prod.env.js
。下面是dev.env.js
的内容:
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"'
, BASE_URI: '"http://localhost:8080"'
})
BASE_URI
是服务器的api路径,我们在dev.env.js
和prod.env.js
都配置一个,这样我们在使用的时候,直接通过process.env.BASE_URI
获取就可以了,不用担心切换环境导致的问题了。
注意加上双引号,否则会发生错误