Vue3 + Vite + TS,使用 配置项目别名属性:server

devtools/2025/2/27 4:39:51/
官网地址传送门

点哇点哇,vite 官网传送门

直接上马
server: {https: false, // 是否开启 httpsopen: true, // 是否自动在浏览器中打开port: 8001, // 端口号host: "0.0.0.0",// 跨域代理proxy: {'/api': {target: "http://localhost:3000", // 后台接口changeOrigin: true,// secure: false, // 如果是https接口,需要配置这个参数// ws: true, //websocket支持// 截取api,并用api代替// rewrite: (path) => path.replace(/^\/api/, "/api"),}},hmr: {overlay: false, // 屏蔽服务器报错},}
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' 的实例}
},
// Proxying websockets or socket.io
'/socket.io': {target: 'ws://localhost:3000',ws: true
}

http://www.ppmy.cn/devtools/162966.html

相关文章

DeepSeek R1 简易指南:架构、本地部署和硬件要求

DeepSeek 团队近期发布的DeepSeek-R1技术论文展示了其在增强大语言模型推理能力方面的创新实践。该研究突破性地采用强化学习(Reinforcement Learning)作为核心训练范式,在不依赖大规模监督微调的前提下显著提升了模型的复杂问题求解能力。 …

第五章:工程化实践 - 第二节 - Tailwind CSS 组件库开发实战

开发一个基于 Tailwind CSS 的组件库不仅能提高团队开发效率,还能确保产品的设计一致性。本节将详细介绍如何从零开始构建一个专业的组件库。 !!! note 我们使用 React 来做项目相关的演示。 !!! 项目初始化 基础配置 # 创建项目 mkdir my-component-library cd…

PortSwigger——Web LLMs attacks

文章目录 一、简介二、Exploiting LLM APIs, functions, and pluginsLab: Exploiting LLM APIs with excessive agencyLab: Exploiting vulnerabilities in LLM APIs 三、Indirect prompt injection(间接提示注入)Lab: Indirect prompt injection 四、Le…

matlab 七自由度车辆模型轮毂电机驱动电动汽车的振动分析

1、内容简介 matlab153-七自由度车辆模型轮毂电机驱动电动汽车的振动分析 可以交流、咨询、答疑 2、内容说明 略 3、仿真分析 略 4、参考论文 略

剑指offer - 面试题11 旋转数组的最小数字

题目链接:旋转数组的最小数字 第一种:正确写法(num[m]和nums[r]比较) class Solution { public:/*** 代码中的类名、方法名、参数名已经指定,请勿修改,直接返回方法规定的值即可** * param nums int整型v…

快手弹幕 websocket 分析

声明: 本文章中所有内容仅供学习交流使用,不用于其他任何目的,抓包内容、敏感网址、数据接口等均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关! 逆向分析 import timeimport requests…

Fisher信息矩阵(Fisher Information Matrix, FIM)与自然梯度下降:机器学习中的优化利器

Fisher信息矩阵与自然梯度下降:机器学习中的优化利器 在机器学习尤其是深度学习中,优化模型参数是一个核心任务。我们通常依赖梯度下降(Gradient Descent)来调整参数,但普通的梯度下降有时会显得“笨拙”,…

解释SSR(服务器端渲染)和CSR(客户端渲染)的区别

在现代 Web 开发中,SSR(服务器端渲染)和 CSR(客户端渲染)是两种主要的渲染方式。它们各自具有独特的特性、优缺点和适用场景。本文将详细探讨这两者的概念、优缺点、适用场景以及在实际开发中的应用。 1. 概念定义 1…