Vue项目判断开发,测试,生产环境配置api
2018-11-21 14:11
399 查看
最近在做Vue项目,想实现通过不同的命令,自动调用相应的api。
Vue Cli2.x构建的项目只有npm run dev 和 npm run build俩条开发和编译的命令,我们需要再添加一个测试 环境下的命令:npm run test。
一、配置步骤:
(1):build文件夹中创建test.js
// 配置环境变量 type 为 test,区分测试环境 process.env.type = '"test"' // 引入build.js文件,执行原先的编译代码 require('./build')
(2):修改config文件夹中prod.env.js
module.exports = { NODE_ENV: '"production"', // 将上文设置的环境变量,赋值到 type 属性上,区分测试环境 type: process.env.type }
(3):在package.json文件中添加npm run test 命令
"scripts": { "dev": "node build/dev-server.js", "test": "node build/test.js", // 执行test.js文件 "build": "node build/build.js" },
(4):在项目中判断环境:
二、总结:
- 调用本地环境
npm run dev
- 调用测试环境api
npm run test
- 调用开发环境api
npm run build
相关文章推荐
- vue项目总结之配置本地,测试,生产环境api
- Gradle项目之Spring.profile.开发.测试.生产环境的配置和切换之一键部署
- 通过maven管理项目的生产、开发和测试环境的配置文件
- Maven项目之Spring.profile.开发.测试.生产环境的配置和切换之一键部署
- vue-cli生成的项目配置开发和生产环境不同的接口
- vue项目开发环境对跨域进行了配置,测试环境请求接口出问题
- vue+axios 开发环境与生产环境配置请求接口,本地开发和线上开发有多个请求地址怎么处理?上线后自动获取ip,不需改请求地址可运用多个项目中
- nginx 代理转发,让生产和测试环境React、Vue项目轻松访问API,前端路由不再404
- vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
- Vue 项目判断开发、测试、正式环境
- 160922、配置:spring通过profile或@profile配置不同的环境(测试、开发、生产)
- springboot 多环境(开发、测试、生产)部署配置文件方案
- 使用Maven自动打包配置文件生成开发环境,测试环境,生产环境
- VUE开发环境搭建、创建测试项目
- 通过 spring 容器内建的 profile 功能实现开发环境、测试环境、生产环境配置自动切换
- 通过 spring 容器内建的 profile 功能实现开发环境、测试环境、生产环境配置自动切换
- maven的profile配置多种部署环境(如开发、测试、生产等)
- 通过 spring 容器内建的 profile 功能实现开发环境、测试环境、生产环境配置自动切换
- 通过 spring 容器内建的 profile 功能实现开发环境、测试环境、生产环境配置自动切换
- 通过 spring 容器内建的 profile 功能实现开发环境、测试环境、生产环境配置自动切换