vue+axios 开发环境与生产环境配置请求接口,本地开发和线上开发有多个请求地址怎么处理?上线后自动获取ip,不需改请求地址可运用多个项目中

时间:2024-04-09 18:07:43

1. 配置本地开发环境接口:

进入到项目目录config文件中index.js ;当页面有多个不同地址时此可以重定向,下图中会出现报错的就是路径问题,

vue+axios 开发环境与生产环境配置请求接口,本地开发和线上开发有多个请求地址怎么处理?上线后自动获取ip,不需改请求地址可运用多个项目中

创建所有httpUrl接口请求。举例后台请求地址为:192.168.11.12:80/omc/login  ,第一个/omc;页面请求地址写为/omc/login,请求地址为192.168.11.11:80/node/list   第二个/api   页面请求地址要写成/api/node/list

vue+axios 开发环境与生产环境配置请求接口,本地开发和线上开发有多个请求地址怎么处理?上线后自动获取ip,不需改请求地址可运用多个项目中

2.配置开发环境

为了更加方便的在打包压缩后还能找到文件地址,在static下创建configip文件; 下图中window.location.hostname可以动态获取到ip名称;URL对象里面可以写多个地址,

vue+axios 开发环境与生产环境配置请求接口,本地开发和线上开发有多个请求地址怎么处理?上线后自动获取ip,不需改请求地址可运用多个项目中

 

vue+axios 开发环境与生产环境配置请求接口,本地开发和线上开发有多个请求地址怎么处理?上线后自动获取ip,不需改请求地址可运用多个项目中