vue+axios 开发环境与生产环境配置请求接口，本地开发和线上开发有多个请求地址怎么处理？上线后自动获取ip,不需改请求地址可运用多个项目中
2018-09-12 18:22
1211 查看
1. 配置本地开发环境接口：
进入到项目目录config文件中index.js ；当页面有多个不同地址时此可以重定向，下图中会出现报错的就是路径问题，
创建所有httpUrl接口请求。举例后台请求地址为：192.168.11.12:80/omc/login ,第一个/omc;页面请求地址写为/omc/login，请求地址为192.168.11.11：80/node/list 第二个/api 页面请求地址要写成/api/node/list
2.配置开发环境
为了更加方便的在打包压缩后还能找到文件地址，在static下创建configip文件; 下图中window.location.hostname可以动态获取到ip名称；URL对象里面可以写多个地址，
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
- vue生产环境开发环境配置不同的接口地址
- vue项目开发环境对跨域进行了配置，测试环境请求接口出问题
- VUE 利用 webpack 给生产环境和上线环境配置不同的接口地址
- vue-cli生成的项目配置开发和生产环境不同的接口
- vue项目配置生产环境和发布环境的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- vue项目总结之配置本地，测试，生产环境api
- 使用Maven自动打包配置文件生成开发环境，测试环境，生产环境
- 通过 spring 容器内建的 profile 功能实现开发环境、测试环境、生产环境配置自动切换
- 通过 spring 容器内建的 profile 功能实现开发环境、测试环境、生产环境配置自动切换
- 通过 spring 容器内建的 profile 功能实现开发环境、测试环境、生产环境配置自动切换