vue生产环境开发环境配置不同的接口地址
2018-08-02 17:39
543 查看
(1)分别设置不同的接口地址
找到我们所搭建的vue脚手架如下两个文件(这两个文件就是针对生产环境和发布环境设置不同参数的文件)
/config/dev.env.js
/config/prod.env.js
首先打开dev.env.js文件代码如下
[code]var merge = require('webpack-merge') var prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"' })
底下增加一项
[code]var merge = require('webpack-merge') var prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT: '"//127.0.0.1/api"' //接口路径 })
prod.env.js底下增加一项
[code]module.exports = { NODE_ENV: '"production"', API_ROOT: '"//www.baidu.com/api"' //根据自己的项目接口 }
然后我们可以在main.js文件设置vue原型
[code]Vue.prototype.baseURL = process.env.API_ROOT;
这样我们就配置完成了,可以在组件当中alert(this.baseURL),就可以看到弹出我们设置好的地址了
阅读更多相关文章推荐
- VUE 利用 webpack 给生产环境和上线环境配置不同的接口地址
- vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- vue-cli生成的项目配置开发和生产环境不同的接口
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
- vue项目配置生产环境和发布环境的接口地址
- VUE 利用webpack 给生产环境和发布环境配置不同的接口地址
- vue cli引入微信sdk,完成微信接口调用——配置开发环境访问限制(四)
- vue项目开发环境对跨域进行了配置,测试环境请求接口出问题
- Maven_如何为开发和生产环境建立不同的配置文件 --我的简洁方案
- 160922、配置:spring通过profile或@profile配置不同的环境(测试、开发、生产)
- JAVA_OPTS 配置开发环境、生产环境等不同环境加载配置文件
- vue项目根据不同环境区分接口地址