Vue开发之proxy代理的配置(附带uniapp代理配置)

vue

1.在vue.config.js中添加 devServer 属性中配置 proxy 属性

module.exports = {productionSourceMap: false,publicPath: '/',devServer: {port: 8085,proxy: {'/api/admin': {target: 'http://10.58.104.70:6111',changeOrigin: true,pathRewrite: {'/api/': '/'}},'/api': {target: 'http://10.58.104.70:6111',changeOrigin: true}}}
}

说明:
我们可以看到 proxy 的格式是 key-value 的形式,key 即 上边的 api ,这是要拦截的路径,value即是匹配的规则。

匹配规则
从域名之后第一个路径地址开始匹配,然后从上到下,从前往后,直到匹配到第一个符合的路径后停止

key的规则

例如:请求地址是http://www.xxx.com/api/admin

  1. 上边代理会从上到下先匹配 /api/admin 路径,我们的地址域名后正好有 /api/admin 那么这次的规则匹配结束,不在往下匹配。那么他会把我们的请求代理到 http://10.58.104.70:6111/api/admin 这个地址上去。
  2. 如果我们要匹配的路径是 /api/login,那么按照规则,只会匹配到下边的 /api上。

注意
多路径匹配必须要写在单路径匹配之上。如果多路径写在单路径的下边,那么会被单路径拦截,导致代理失败。
例如:如果上边的 /api/admin 写在 /api 下边的话,那么在匹配 /api/admin 时会直接匹配到 /api 而停止,不会在往下找。

value的参数含义

target: 是目标服务器,即你要往哪里代理;例如:你的服务在A,要往B服务做代理,那么这里的地址就是B服务的地址。
pathRewrite: 重写路径,请求地址中的指定路径;比如:你在A服务的地址是 http://xxxx/api/admin/index,代理B服务的地址是: http://xxx/admin-api/admin/index,这时候我们 就可以使用 pathRewrite 把A地址的 api 替换为 admin-api,来实现B服务的地址拼接;当然,如果服务地址是一样的,那也可以不用写 pathRewrite属性;
changeOrigin: 是否允许跨域请求,默认为true即可;

uniapp

具体规则和vue中的一样。配置方式如图:
在这里插入图片描述

多了个参数:
secure: 是否开启 https

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/648445.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

UE创建数据表格

创建一个数据表格需要行结构 继承自FTableRowBase的一个子类 效果 如何使用它 在蓝图中给C该类型的指针变量选用 UDataTable类型的 FindRow()函数可查询并返回对应行的行结构 FTableRowBase GetAllRows()函数可以获得该数据表的所有行、

centos 安装mysql5.7教程

一,配置yum mysql5.7安装源 配置yum mysql5.7安装源 yum localinstall https://dev.mysql.com/get/mysql57-community-release-el7-11.noarch.rpm 配置mysql5.7安装源成功 查看配置成功的安装源 yum repolist enabled | grep "mysql*" 执行后看到已配…

环境监测与预报:探索天气预报查询API在生态保护中的作用

摘要 随着全球气候变化的加剧,生态保护已成为全球关注的焦点。天气预报API作为一种强大的工具,不仅能够提供实时的气象数据,还能在生态保护领域发挥重要作用。本文将探讨天气预报API如何帮助科学家、环保组织和政策制定者更好地理解和预测环…

什么是 Docker

1.什么是 Docker 1.1 官方定义 最新官网首页 # 1.官方介绍 - We have a complete container solution for you - no matter who you are and where you are on your containerization journey. - 翻译: 我们为你提供了一个完整的容器解决方案,不管你是谁,不管你在哪,你都可以…

conda-建立多个python环境

1. 安装 下载地址:Miniconda — miniconda documentation 2. 安装好了会自动配置环境变量,如果没有配置手动配置 3. 检查conda环境 4. 设置conda配置文件 在‪C:\Users\Administrator下新建文件【.condarc】 channels: //镜像地址- https://mirrors.…

girhub添加 SSH 密钥

1 打开终端 输入 ssh-keygen -t rsa -b 4096 -C "github邮箱地址"如果不需要密码可以一路回车 出现这个页面就是生存成功了 open ~/.ssh // 打开.ssh 找到id_rsa.pub复制出内容新建ssh密钥输入内容,保存即可

MacOS平台翻译OCR软件,双管齐下,还可自定义插件,为其添砖加瓦!

小编昨天为大家分享了Windows系统下的一款功能强大且免费的 OCR 开源工具 Umi-OCR。 今天则为大家推荐一款 MacOS系统下的一款 翻译 OCR 多功能双管齐下的桌面应用软件 Bob。这款软件虽然也上线了GitHub,但它不是一款开源软件,仓库只是作者为了用户反馈…

Mac M1 Parallels CentOS7.9 Deploy 禅道

禅道官网下载地址: https://www.zentao.net/download/max4.10-83276.html 一、官网下载 二、解压安装 将下载好的包传至CentOS7.9虚拟机 zhinian192 ~ % scp Downloads/ZenTaoPMS-max4.10-zbox_arm64.tar.gz root10.211.55.36:~ ZenTaoPMS-max4.10-zbox_arm64.tar.gz …

idea 打包跳过测试

IDEA操作 点击蓝色的小球 手动命令 mvn clean package -Dmaven.test.skiptrue# 下载源码![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/ff15aad1c9a546b6ab0556b5b135f409.png)

Linux命令拓展

一、tr - 字符转换 效果展示: 将小写转换成大写 字符压缩 通式:tr -s 字符删除 通式:tr -d 补集 通式:tr -c 用法:随机密码 二、cut - 提取 通式:cut [选项] 文件 选项: -d:分隔符…

C语言实现归并排序算法(附带源代码)

归并排序 把数据分为两段,从两段中逐个选最小的元素移入新数据段的末尾。 可从上到下或从下到上进行。 动态效果过程演示: 归并排序(Merge Sort)是一种分治算法,它将一个数组分为两个子数组,分别对这两个…

VS2022联合Qt5开发学习10(QT5.12.3联合VTK在VS2022上开发医学图像项目4——ScrollBar控制对比度、切面位置)

这篇博文是接着VS2022联合Qt5开发学习7(QT5.12.3联合VTK在VS2022上开发医学图像项目2——十字叉标注)-CSDN博客这篇博文延伸开发医学图像的显示渲染相关项目,主要介绍的是在之前显示的图像上增加滑块控制。 用到的内容有: VS2022…

phpstudy安装mysql5.7后在my.ini文件中无法修改sql_mode

如标题,windows环境下使用phpstudy安装mysql5.7后需要修改mysql中的sql_mode配置,但是在phpstudy中打开mysql配置文件my.ini后, 通过查找找不到sql_mode或sql-mode, 此时无法在my.ini文件中直接进行修改,可以使用mysq…

鸿蒙开发初体验

文章目录 前言一、环境配置1.1 安装DevEco Studio1.2 安装相关环境 二、工程创建三、工程结构介绍四、代码实现4.1 初识ArkTs4.2 具体实现 参考资料 前言 HarmonyOS是华为公司推出的一种操作系统,旨在为不同设备提供统一的操作系统和开发平台。鸿蒙开发的出现为用户…

【云原生】Docker如何构建镜像

目录 前言 一、基于已有的镜像创建 步骤一:先基于现有的镜像创建一个容器,然后进入容器去完成修改 步骤二:将该容器作为一个模板提交创建为一个新的镜像 步骤三:基于新的镜像,docker run创建一个容器,进…

浏览器缓存机制

参考: 【第1250期】彻底理解浏览器的缓存机制 深入理解浏览器缓存原理 - 掘金 建议先看原文,我只是在原文基础做验证和补充。 网上查了很多,都没有查看浏览器是根据什么缓存的,还得是AI神器啊,但是神器给的结果无法…

Hadoop3.x学习笔记

文章目录 一、Hadoop入门1、Hadoop概述1.1 简介1.2 hadoop优势1.3 hadoop组成1.4 大数据技术生态体系 2、环境准备(重点)2.1 模板机配置2.2 模板创建 3、本地运行模式(官方WordCount)4、Hadoop集群搭建(🌟重点)4.1 环境准备(集群分发脚本xsyn…

抖音VR直播:沉浸式体验一键打通360度精彩

随着5G技术的发展,VR直播近年来也逐步进入到大众的视野中,相比于传统直播,VR直播能够提供更加丰富的内容和多样化的互动方式,让观众更有沉浸感和参与感。现如今,抖音平台也上线了VR直播,凭借沉浸式体验和有…

《安富莱嵌入式周报》第331期:单片机实现全功能软件无线电,开源电源EEZ升级主控,ARM 汇编用户指南,UDS统一诊断服务解析,半导体可靠性设计手册

周报汇总地址:嵌入式周报 - uCOS & uCGUI & emWin & embOS & TouchGFX & ThreadX - 硬汉嵌入式论坛 - Powered by Discuz! 目录: 1、单片机实现低配版全功能软件无线电,范围0.5-30 MHz,支持SSB、AM、FM和CW …

Mysql 学习(十 四)事务简介

为什么要有事务? 数据库的出现其实是有应用场景的,最好的例子就是交易,以前的交易是通过账本记录的,也就是通过纸和笔来记录,而数据库的出现大大提升了效率,但是现实中的有些问题,数据库也需要…