vue本地环境接口地址与线上环境接口地址来回切换
2018-06-08 11:23
399 查看
我们在开发项目的时候,往往会在同一个局域网进行开发,前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是,当项目推到线上的时候,我们会从真实服务器上获取接口,因此,我们可能在测试接口和真实接口之间频繁切换
1.找到文件
/config/dev.env.js
/config/prod.env.js
2、修改文件
a、dev.env.js[code]'use strict' const merge = require('webpack-merge') const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT: '"http://1.1.1.1:8080/static/data/"' //设置 })b、prod.env.js
'use strict' module.exports = { NODE_ENV: '"production"', API_ROOT: '"www..babb../data/"' }3、引用
<script> var root = process.env.API_ROOT </script>
阅读更多
相关文章推荐
- vue+axios 开发环境与生产环境配置请求接口,本地开发和线上开发有多个请求地址怎么处理?上线后自动获取ip,不需改请求地址可运用多个项目中
- vue项目根据不同环境区分接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- vue项目配置生产环境和发布环境的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和上线环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- vue生产环境开发环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- 微信公众号本地环境搭建(解决微信接口需要公网地址,但是只有本地环境的问题)
- VUE 利用webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- 开发者线上环境测试发布后的Dubbo接口
- 解决Vue-cli npm run build生产环境打包,本地不能打开的问题
- vue开发中,对本地数据地址进行请求
- vue学习第24天,启动本地MongoDB 启动node搭建的服务器 设置跨域 调用接口