首页 > 其他分享 >vite_vite.config.js配置代理与websocket代理

vite_vite.config.js配置代理与websocket代理

时间:2023-09-26 23:00:09浏览次数:32  
标签:websocket 代理 ws proxy path true vite

export default defineConfig({
    server: {
        proxy: {
            "/proxy": {
                target: "http://121.10.140.87", // 线上服务器IP地址
                changeOrigin: true,
                ws: true,
                rewrite: (path) => path.replace(/^\/proxy/, ""), // 路径转写
            },
            "/wsproxy": {
                target: "ws://121.10.140.87", // 线上服务器websocket地址
                changeOrigin: true,
                ws: true,
                rewrite: (path) => path.replace(/~\/wsproxy/, "") // 路径转写
            }
        },
    },
})

标签:websocket,代理,ws,proxy,path,true,vite
From: https://www.cnblogs.com/isAyi/p/17731494.html

相关文章

  • vite中静态资源的处理
    public目录public目录是存放静态资源的一种方式。2.项目初始化时默认public作为静态资源服务的文件夹。我们可以在vite.config.js中修改publicDir。3.该目录中的文件开发期间在/处提供,并在构建期间将public文件夹下的文件(不包含public本身)复制到outDir的根目录。4.public......
  • 质量高的代理IP是怎么实现网络信息安全的保护?它能够协助开展哪些应用?
    随着科技的发展,人们在访问站点的时候有可能会因为触发安全机制导致ip受限,一般可以使用代理ip来访问站点,灵活的切换也不至于受限。但是它还可以保护人们上网时的网络信息的安全,小编接下来就跟大家介绍介绍:1、距离上使用与目标站点想接近的代理ip,能快速的访问目标服务器,提升访问速度,......
  • 熊猫代理代理IP测试,最新代理IP质量测试
    在当今互联网大数据时代,数据采集日益发展,HTTP代理在其中扮演着重要的角色。和其他产品一样,在使用HTTP代理的时候我们也会遇到诸如:稳定性、匿名程度、响应速度、IP池可用率等问题,如何对HTTP代理进行测试,才能满足我们的需求?目前市面上很多HTTP代理都有提供试用,购买之前大部分人都会试......
  • 使用vite插件进行低代码平台自定义开发(手机版自定义范例)
    前言Youtube上的前端网红「Theo」在React文档仓库发起了一个Pullrequest,号召React文档不要再默认推荐CRA(createreactapp),而是应该将Vite作为构建应用的首选。vite的影响力已经从vue蔓延到了react,可见在前端工程化开发中,它已经越来越流行,是时候该从webpack切换到vite了。为什么......
  • 使用vite插件进行低代码平台自定义开发(手机版自定义范例)
    前言Youtube上的前端网红「Theo」在React文档仓库发起了一个Pullrequest,号召React文档不要再默认推荐CRA(createreactapp),而是应该将Vite作为构建应用的首选。vite的影响力已经从vue蔓延到了react,可见在前端工程化开发中,它已经越来越流行,是时候该从webpack切换到vite了。为......
  • Websocket集群解决方案以及实战(附图文源码)
    最近在项目中在做一个消息推送的功能,比如客户下单之后通知给给对应的客户发送系统通知,这种消息推送需要使用到全双工的websocket推送消息。所谓的全双工表示客户端和服务端都能向对方发送消息。不使用同样是全双工的http是因为http只能由客户端主动发起请求,服务接收后返回消息。web......
  • 关于vite/cli构建项目的区别&环境变量配置&关于接口地址
    ####区别**Vite:**1.**开发服务器启动速度:**Vite通过利用ES模块的特性,实现了快速的冷启动和热模块替换。这意味着在开发环境中,启动开发服务器和应用程序的重新加载速度更快。1.**即时的按需编译:**Vite在开发过程中只会编译和打包当前正在编辑的文件,而不会重新构建整个......
  • Vue3-vite 按需引入Element-plus
    1.下载unplugin-vue-components,unplugin-auto-import包npmi-Dunplugin-vue-componentsunplugin-auto-import2.vite.config.js文件中配置1importAutoImportfrom'unplugin-auto-import/vite'2importComponentsfrom'unplugin-vue-components/vite�......
  • 解决vite不是内部或外部命令,也不是可运行的程序 或批处理文件
    要vite创建vue3.0项目的时候,到了最后一步npmrundev的时候出现了以下错误:‘vite’不是内部或外部命令,也不是可运行的程序或批处理文件。问题的原因是:缺少安装依赖这一步!vite不像node或cli,会自动帮助我们执行npmi(install)命令去下载相关依赖,需要我们手动下载解决问题输入......
  • 如何在vite+vue3中的html页面中使用变量?
    如何在vite+vue3中的html页面中使用变量?vite版本:4.1.5vue版本:3.2.47需要引入新的开发依赖:yarnaddvite-plugin-html-D修改vite.config.ts文件配置...//@ts-ignoreimport{createHtmlPlugin}from"vite-plugin-html";exportdefault({mode}:ConfigEnv):Us......