Vue不同的环境使用不同的路径

238 阅读1分钟

1.首先安装npm install cross-env -D 这个迷你的包能够提供一个设置环境变量的scripts,让你能够以unix方式设置环境变量,然后在windows上也能兼容运行。

2.对于config文件下的dev.env.js与prod.env.js进行改写

只举例开发环境的配置:

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_URL: '"/api"',
  IMG_URL: "/api/fileUpload/fileUploadImg?type=",
  URL: {
    LOGIN_URL: "'//passport.local.vedeng.com/login.html'",
    LOGINOUT_URL: "'//passport.local.vedeng.com/login/logout.html'",
    REGISTER_URL: "'//passport.local.vedeng.com/register.html'"
  }
});

注意:路径是一个字符串

3.修改build下面的webpack.prod.conf.js

const env = require('../config/prod.env')
改为:
const env = require('../config/' + process.env.env_config + '.env')

4.package.json

 "build:dev": "cross-env NODE_ENV=development env_config=dev node build/build.js",