在开发过程中,经常会设置端口和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获取就可以了,不用担心切换环境导致的问题了。
注意加上双引号,否则会发生错误