Vite使用proxy如何获取http代理ip?

发布日期:2023-02-04

Vite在开发环境中使用proxy进行多个服务器获取http代理ip

 

Vite使用proxy如何获取http代理ip?

 

  • 1.Vite通过server.proxy配置自定义代理规则
  • 2.server.proxy分为字符串简写写法和选项写法和正则表达式写法还有proxy 实例方法
  • 3.在进行项目开发时,如果只需要代理一个服务器,直接用字符串简写即可

 

// vite.config.ts 代理配置

    proxy: { // 代理配置

     '/dev': 'https://www.baidu.com/'

     },

    // 代理接口调用 通过dev

    export function login(data: object) {

     return request({

     url: '/user/login',

     method: 'post',

     baseURL: '/dev',

     data

     })

    }

    // 实际调用地址为

    https://www.baidu.com/dev/user/login

 

 

4.开发时,如果需要代理多个服务器,场景为后端接口分布在不同开发同事本机上,开发时通过选项写法代理无缝对接多个服务器。

 

user部分接口在https://www.baidu.com/

customer部分接口在https://www.taobao.com/

// vite.config.ts 代理配置

    proxy: { // 代理配置

     '/user': {

     target: 'https://www.baidu.com',

     changeOrigin: true,

     rewrite: (path) => path.replace(/^\/user/, '')

     },

     '/cus': {

     target: 'https://www.taobao.com',

     changeOrigin: true,

     rewrite: (path) => path.replace(/^\/cus/, '')

     }

     },

    

    // 代理接口调用 

    // 1.调用user部分接口

    export function getUser(data: object) {

     return request({

     url: '/user/getUser',

     method: 'get',

     baseURL: '/user',

     data

     })

    }

    // 实际调用地址为

    https://www.baidu.com/user/getUser // /user通过rewrite正则过滤掉了

    

    // 2.调用cus部分接口

    export function getCus(data: object) {

     return request({

     url: '/customer/getCus',

     method: 'get',

     baseURL: '/cus',

     data

     })

    }

    // 实际调用地址为

    https://www.taobao.com/customer/getCus // /cus通过rewrite正则过滤掉了

 

5.正则表达式写法

 

// vite.config.ts 代理配置

    '^/fallback/.*': {

     target: 'http://jsonplaceholder.typicode.com',

     changeOrigin: true,

     rewrite: (path) => path.replace(/^\/fallback/, '')

     },

    // 调用fallback部分接口

    export function getFallback(data: object) {

     return request({

     url: '/getFallback',

     method: 'get',

     baseURL: '/fallback/getFall',

     data

     })

    } 

    // 实际调用地址为

    http://jsonplaceholder.typicode.com/getFall/getFallback // //fallback/getFall通过rewrite正则过滤变成/getFall

 

 

 

 

3D城市图标

巨量IP VIP测试免费开通

覆盖全国200+城市地区线路,日活跃IP超200万个,注册每日送1000IP

立即领取
巨量IP公众号二维码

关注巨量HTTP公众号

巨量IP代理logo

Copyright © 版权所有 湖北巨量云科技有限公司

本模板版权局已登记·盗版必究,登记号:黔作登字-2021-F-00331209

GitHub图标 QQ图标 微信图标
免责声明 巨量IP倡导绿色合规经营,保障服务绿色、便捷、合法一直是我们的初衷,为积极响应落实《中华人民共和国网络安全法》,巨量IP要求所有用户必须实名认证,用户行为日志保存完整,并严格依据《巨量IP服务协议》对用户行为进行规范管理;用户使用巨量IP从事的任何行为均不代表巨量IP的意志和观点,与巨量IP的立场无关。严禁用户使用巨量IP从事任何违法犯罪行为, 产生的相关责任用户自负,对此巨量IP不承担任何法律责任。