vue实现同时运行开发环境和生产环境

在项目根目录创建 .env.development(开发环境配置文件)

# 页面标题
#VUE_APP_TITLE = ***管理平台

# 开发环境配置
ENV = 'development'

# 设备设施管理平台/开发环境
VUE_APP_BASE_API = 'http://192.168.0.6:10020'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true

和 .env.production(生产环境配置文件)

# 页面标题
#VUE_APP_TITLE = ***管理平台

# 生产环境配置
ENV = 'production'

# 设备设施管理平台/生产环境
VUE_APP_BASE_API = 'http://192.168.0.250:10120'
#服务器
#VUE_APP_BASE_API = 'http://36.*******'

main.js中添加 

const axios = require('axios')
axios.defaults.baseURL = process.env.VUE_APP_BASE_API

package.json


 

"scripts": {
  "dev": "vue-cli-service serve --mode development", // 开发环境
  "prod": "vue-cli-service serve --mode production", // 生产环境
  "preview": "node build/index.js --preview",
  "lint": "eslint --ext .js,.vue src",
  "format": "prettier --write \"src/**/*.js\" \"src/**/*.vue\""
},

你可能感兴趣的:(vue项目中常用操作,vue.js,javascript,前端)