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,一经查实,立即删除!

相关文章

自动 卸载或安装 Python第三方库

在调用 pip.exe 时,可以使用相对路径也可以使用绝对路径 路径中如果包含空格,最好使用相对路径,这就要求 pip.exe 所在文件夹设置为环境变量 可以参考: Windows下将文件夹设置为环境变量 echo off setlocal enabledelayedexpansi…

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. - 翻译: 我们为你提供了一个完整的容器解决方案,不管你是谁,不管你在哪,你都可以…

vue3常用代码

文章目录 监听路由vue3 警告Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.mitt、project/inject 无效解决方案 菜鸟做项目时发现很多 vue3 常用的代码,所以来总结一下! 监听路由 import { useRoute } from "…

如何禁用 el-table 单独某一行,修改某一行样式等(最有效)

案例:根据el-table :data"tableData"中是否有invalidStatus值为1,如果是就是不禁用,否就禁用这一行,当然这个invalidStatus随意就行,只要在tabledata中的每一行数据中有这个属性就行,也就是row中…

Android创建保存Excel文件

Android开发生成保存Excel文件,首先下载两个jar包。下载地址:Android读写Excel文件的两个jar包资源-CSDN文库 poi-3.12-android-a.jar poi-ooxml-schemas-3.12-20150511-a.jar 把jar包放在app的libs文件夹下,引用jar我一般都在build.gradle的…

代码随想录算法训练营第四十一天(动态规划篇)|理论基础,509. 斐波那契数, 70. 爬楼梯, 746. 使用最小花费爬楼梯

动态规划理论基础 动态规划:每一个状态一定是由上一个状态推导出来的。 贪心:局部直接选最优的 解题步骤 确定dp数组(dp table)以及下标的含义确定递推公式dp数组如何初始化确定遍历顺序举例推导dp数组 509. 斐波那契数 题目…

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是华为公司推出的一种操作系统,旨在为不同设备提供统一的操作系统和开发平台。鸿蒙开发的出现为用户…

(3)Elastix图像配准:项目实战(2D / 3D)

文章目录 前言一、3D图像配准1.1、项目实战(3D图像)1.2、参数文件(3D图像)1.2.1、parameter_file_rigid_3D.txt1.2.2、parameter_file_affine_3D.txt1.2.3、parameter_file_bspline_3D.txt二、2D图像配准2.1、项目实战(2D图像)2.2、参数文件(2D图像)2.2.1、parameter_f…