位置: IT常识 - 正文

vue 项目使用 vite工具,开发服务器配置 server.proxy 简要介绍(包含跨域配置)(vue项目使用rem)

编辑:rootadmin
vue 项目使用 vite工具,开发服务器配置 server.proxy 简要介绍(包含跨域配置) 概述

        不管使用什么脚手架,配置代理都是绕不开的话题 ,server.proxy 为开发服务器配置自定义代理规则。期望接收一个 { key: options } 对象。如果 key 值以  开头,将会被解释为 RegExp。configure 可用于访问 proxy 实例。官网地址

推荐整理分享vue 项目使用 vite工具,开发服务器配置 server.proxy 简要介绍(包含跨域配置)(vue项目使用rem),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue的项目,vue 如何使用,vue visiable,vue-vite,vue项目使用vconsole,vue-vite,vue 项目使用mock数据,vue在项目中怎么用的,内容如对您有帮助,希望把文章链接给更多的朋友!

更多详细配置 http-proxy

相关配置

在 vue3 项目中,找到 vite.config.ts 文件,在其中进行 vite 的相关配置.下面展示 选项 写法(可解决跨域问题)

server: { port: 8080, proxy: { "/api": { target: "http://localhost:7001", // 所要代理的目标地址 changeOrigin: true, //允许跨域 ws: true, // 开启 websockets 代理 secure: false, // 验证 SSL 证书 rewrite: (path) => path.replace(/^\/api/, ""), // 重写传过来的path路径 }, }, },简要说明

        前端跨域问题其实是一个安全问题,就是为了防止不同域名的服务之间进行互相访问,以避免恶意程序对后端资源进行非法获取。在开发的时候,我们就可以利用代理来把请求进行代理,把域名等改成一样的,这样就避免了跨越的问题。

vue 项目使用 vite工具,开发服务器配置 server.proxy 简要介绍(包含跨域配置)(vue项目使用rem)

上面配置的 后端地址为 http://localhost:7001 ,代理以  /api 开头的所有 API 请求,并把它转发到http://localhost:7001

例如: 前端请求地址一般为简写  /api/user,前端实际请求地址为 http://localhost:7001/api/user

实际转发到后端的地址是省略了 /api 的,为 http://localhost:7001/user

同时,也可以代理多个地址,例如

server: { proxy: { "/api": { target: "http://localhost:7001", changeOrigin: true, }, "foo": { target: "http://localhost:7002", changeOrigin: true, } }, },注意

配置 vite.config.ts 后,记得重启项目,否则不会生效

文章如有错误,恳请大家提出问题,本人不胜感激 。 不懂的地方可以评论,我都会 一 一 回复

文章对大家有帮助的话,希望大家能动手点赞鼓励,大家未来一起努力     长路漫漫,道阻且长

本文链接地址:https://www.jiuchutong.com/zhishi/290755.html 转载请保留说明!

上一篇:卢塞恩老城,瑞士 (© Xantana/Getty Images)(卢塞恩小镇瑞士)

下一篇:一篇文章理解虚拟滚动原理(本文虚构)

  • 笔记本f12键怎么打开(笔记本f12功能键怎么打开)

    笔记本f12键怎么打开(笔记本f12功能键怎么打开)

  • 华硕飞行堡垒键盘灯怎么开(华硕飞行堡垒键盘灯光怎么关闭)

    华硕飞行堡垒键盘灯怎么开(华硕飞行堡垒键盘灯光怎么关闭)

  • 联想进入bios设置按哪个键(联想进入BIOS设置UEFI启动)

    联想进入bios设置按哪个键(联想进入BIOS设置UEFI启动)

  • 苹果11怎么设置下滑功能(苹果11怎么设置桌面壁纸)

    苹果11怎么设置下滑功能(苹果11怎么设置桌面壁纸)

  • soul解除上限(soul达到上限怎么办)

    soul解除上限(soul达到上限怎么办)

  • 如何下载微信视频(如何下载微信视频的视频)

    如何下载微信视频(如何下载微信视频的视频)

  • 华为手机桌面上的时间不见了怎么办(华为手机桌面上的时间怎么调出来)

    华为手机桌面上的时间不见了怎么办(华为手机桌面上的时间怎么调出来)

  • qq发不了闪照怎么回事(qq发不了闪照怎么回事2021)

    qq发不了闪照怎么回事(qq发不了闪照怎么回事2021)

  • 快手关注了又取消关注会有记录吗(快手关注了又取消了对方知道吗)

    快手关注了又取消关注会有记录吗(快手关注了又取消了对方知道吗)

  • root权限有危险吗(root权限危险吗)

    root权限有危险吗(root权限危险吗)

  • 天猫超市拒收运费谁出(天猫超市拒收会全额退款吗)

    天猫超市拒收运费谁出(天猫超市拒收会全额退款吗)

  • 苹果616g内存不够用怎么办(苹果616g内存不够用可以升内存吗)

    苹果616g内存不够用怎么办(苹果616g内存不够用可以升内存吗)

  • 怎样关闭自动清除软件(怎样关闭自动清理)

    怎样关闭自动清除软件(怎样关闭自动清理)

  • wps表格怎么排序名字(wps表格怎么排序后面数据跟着变化)

    wps表格怎么排序名字(wps表格怎么排序后面数据跟着变化)

  • 金立m6怎样删除壁纸(金立m6怎样删除手机自带软件)

    金立m6怎样删除壁纸(金立m6怎样删除手机自带软件)

  • 毒可以用花呗支付吗(毒可以用支付宝支付吗)

    毒可以用花呗支付吗(毒可以用支付宝支付吗)

  • 实名登记4级什么意思(实名等级为四级什么意思)

    实名登记4级什么意思(实名等级为四级什么意思)

  • 优酷停止运行怎么解决(优酷暂停了又自动播放)

    优酷停止运行怎么解决(优酷暂停了又自动播放)

  • 华为20pro特别的功能(手机华为20pro)

    华为20pro特别的功能(手机华为20pro)

  • 微信扫码付款能查到付款人吗(微信扫码付款能用信用卡吗)

    微信扫码付款能查到付款人吗(微信扫码付款能用信用卡吗)

  • 微信时间错乱如何恢复(微信时间错乱 改不回来)

    微信时间错乱如何恢复(微信时间错乱 改不回来)

  • 每张a3纸上从左到右按顺序打印两页内容(每张a3纸上从左到右按顺序)

    每张a3纸上从左到右按顺序打印两页内容(每张a3纸上从左到右按顺序)

  • 为什么Win10系统激活失败会提示错误代码0xc004f074 ?(为什么WIN10系统打在画面进不去)

    为什么Win10系统激活失败会提示错误代码0xc004f074 ?(为什么WIN10系统打在画面进不去)

  • JS XMLHttpRequest对象详解

    JS XMLHttpRequest对象详解

  • 运输费用怎么计算出来
  • 税率中的速算扣除数是什么
  • 计提所得税费用会计分录
  • 交强险必须交车船使用税吗
  • 红字发票信息表盖章位置图片
  • 如果零申报
  • 红字专用发票能作废吗
  • 个体户核定5万每个月要交多少税钱
  • 企业预缴的增值税收入算不算企业的销售收入
  • 成本少结转了怎么调回
  • 收客户逾期利息账务处理怎么做?
  • 小规模纳税人减免税收政策
  • 总公司购固定资产分摊每家店面怎么来做账
  • 供货方代垫运费计入原材料
  • 劳动仲裁是怎样仲裁公司的
  • 微小企业税率由3%变为1%客户要求降价
  • 职工福利费发票不小心抵扣了汇算清缴
  • 开发商乱要回迁怎么投诉
  • 增值税发票的基数是什么
  • 年度账套怎么结转下一年
  • 内账一定要权责发生制吗
  • 外购固定资产如何入账
  • 分期收款什么时候交税
  • 上年度职工工资总额
  • 征信证明怎么开啊
  • 利息收入需要开票吗
  • 资产评估报告包括
  • windows11关机键怎么设置经典菜单
  • typecho 插件开发
  • 获取当前位置被拒怎么办
  • 印花税怎么交款
  • 研发专利什么意思
  • 工会捐款计入什么科目
  • 国家纪念品
  • Treetop walkway in Hainich National Park, Thuringia, Germany (© mauritius images GmbH/Alamy)
  • 产品报废进项税转出
  • 营改增抵减的销项税发票要抵扣吗
  • 珠宝行业会计核算内容
  • yolov5训练中途停止了怎么办
  • 个税手续费增值税
  • 帝国cms首页怎么打开
  • sklearn实例
  • python Timer定时器如何使用?
  • 发票冲红如何进入系统
  • 合伙企业所得税征收方式
  • odbc api
  • 收到的税费返还怎么算
  • 工程赔付款属于什么科目
  • 投资收益影响营业额吗
  • 冲销暂估入库摘要怎么写
  • 期末调汇的会计怎么做账
  • 坏账准备具有哪些特征
  • 其他综合收益属于什么科目借贷
  • 企业暂估入账的税务风险
  • 公司买护肤品发票如何入账
  • 低值易耗品怎么处理
  • win8出现问题需要重启
  • ora01804怎么解决windows
  • linux日常使用
  • 重装系统 xp
  • windowsaudio服务不存在或已删除
  • windows xp能装微信吗
  • win7磁盘管理怎么显示隐藏分区
  • 微信 cookies
  • web标准化
  • Vuforia 4.0 beta——Object Recognition (三)
  • android get
  • javascript高级程序设计电子书
  • js 延迟函数
  • nodejs的流处理模块
  • 解决的英文
  • 安卓软件测试
  • 使用jquery的步骤
  • javascript身份证号验证
  • 广西国家税务总局电子税务局官网
  • 国税局官网发票查验平台
  • 虚开增值税发票但未抵扣怎样处罚
  • 北京定额发票查验
  • 发票 报销流程
  • 山东省地方税务局关于个人所得税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设