首页 > 其他分享 >vite 设置网络代理

vite 设置网络代理

时间:2024-10-24 16:20:30浏览次数:1  
标签:http target 代理 proxy 设置 path foo true vite

参考文档:vite 官网node-http-proxy

完整示例:

export default defineConfig({
  server: {
    proxy: {
      // 字符串简写写法
      '/foo': 'http://localhost:4567',
      // 选项写法
      '/api': {
        target: 'http://jsonplaceholder.typicode.com',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      },
      // 正则表达式写法
      '^/fallback/.*': {
        target: 'http://jsonplaceholder.typicode.com',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/fallback/, '')
      },
      // 使用 proxy 实例
      '/api': {
        target: 'http://jsonplaceholder.typicode.com',
        changeOrigin: true,
        configure: (proxy, options) => {
          // proxy 是 'http-proxy' 的实例
        }
      }
    }
  }
})

属性说明:

  1. target:是目标地址,示例 '/foo': 'http://abc:4567' 中,当一个完整的请求 http://loaclhost:8080/foo/login 在匹配到关键词 /foo 后将代理到地址 http://abc:4567/foo/login 上,需要注意的是替换的是关键词前面的内容,关键词包括后面的内容将会原封不动的添加到目标地址上。
  2. changeOrigin:true/false,默认值:false,将请求头的源(origin)更改为 target 的 URL
  3. secure: true/false, 是否验证 https 的 ssl 证书
  4. rewrite:重写地址,是一个函数,接收一个地址,修改后并返回此地址

标签:http,target,代理,proxy,设置,path,foo,true,vite
From: https://www.cnblogs.com/adore/p/18499847

相关文章

  • Chrome浏览器跨越设置
    如何设置Chrome浏览器跨域AccesstoXMLHttpRequestat'xxxxxx'fromorigin'null'hasbeenblockedbyCORSpolicy:Crossoriginrequestsareonlysupportedforprotocolschemes:chrome,chrome-extension,chrome-untrusted,data,http,https,isol......
  • 对比学习的正负对 以及参数设置
    转载:https://blog.csdn.net/chumingqian/article/details/138339481?ops_request_misc=%257B%2522request%255Fid%2522%253A%252239F9C14D-9496-4B47-98DE-481CF29509A4%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=39F9C14D-9496-4B47-98......
  • 在Windows中,可以使用PowerShell来迁移打印机设置,以下是用于导出和导入打印机配置的Pow
    在Windows中,可以使用PowerShell来迁移打印机设置,以下是用于导出和导入打印机配置的PowerShell代码示例。导出打印机设置使用以下命令导出当前打印机设置到一个文件:powershellCopyCodeGet-Printer|Export-Clixml-Path"C:\path\to\exported_printers.xml"导入打印机设置......
  • 川土微一级代理商|内部集成隔离电源的隔离485芯片CA-IS2092W、CA-IS2092VW
    CA-IS2092W、CA-IS2092VW支持多节点数据通信,总线引脚具有±20kVHBMESD保护,可耐受高级别的ESD事件,保护内部电路不受损害。接收器输入阻抗为1/8单位负载,允许同一总线上最多挂接256个收发器。CA-IS2092W、CA-IS2092VW提供DC-DC转换器和RS-485收发器供电独立的版本(CA-IS2092VW),便于逻......
  • vue项目搭建-vite版本
    https://blog.csdn.net/panghuangang/article/details/138756363 npmcreatevite@latest和npminitvite@latest命令是等效的,npmcreate是npminit的别名,它们的作用都是使用create-vue创建一个基于Vite的项目。npmcreatevite@latest这个命令实际上是先安装create-vite这个......
  • 该文件没有与之关联的应用来执行该操作。请安装应用,若已经安装应用,请在“默认应用设置
    该文件没有与之关联的应用来执行该操作。请安装应用,若已经安装应用,请在“默认应用设置“页面中创建关联目录该文件没有与之关联的应用来执行该操作。请安装应用,若已经安装应用,请在“默认应用设置“页面中创建关联1.点击左下角开始图标然后点击设置2.点击应用3.点击左边的默认......
  • 【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (五):POST上传文件的设置
    本项目旨在学习如何快速使用nodejs开发后端api,并为以后开展其他项目的开启提供简易的后端模版。(非后端工程师)由于文档是代码写完之后,为了记录项目中需要注意的技术点,因此文档的叙述方式并非开发顺序(并非循序渐进的教学文档)。建议配合项目源码node-mongodb-template。【NodeJS......
  • 【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (六):token的设置
    本项目旨在学习如何快速使用nodejs开发后端api,并为以后开展其他项目的开启提供简易的后端模版。(非后端工程师)由于文档是代码写完之后,为了记录项目中需要注意的技术点,因此文档的叙述方式并非开发顺序(并非循序渐进的教学文档)。建议配合项目源码node-mongodb-template。【NodeJS......
  • 【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (七):MongoDB的设置
    本项目旨在学习如何快速使用nodejs开发后端api,并为以后开展其他项目的开启提供简易的后端模版。(非后端工程师)由于文档是代码写完之后,为了记录项目中需要注意的技术点,因此文档的叙述方式并非开发顺序(并非循序渐进的教学文档)。建议配合项目源码node-mongodb-template。【NodeJS......
  • 【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (三):Cors的设置及.env文件的设置
    本项目旨在学习如何快速使用nodejs开发后端api,并为以后开展其他项目的开启提供简易的后端模版。(非后端工程师)由于文档是代码写完之后,为了记录项目中需要注意的技术点,因此文档的叙述方式并非开发顺序(并非循序渐进的教学文档)。建议配合项目源码node-mongodb-template。【NodeJS......