vue的代理配置pathRewrite重写不生效怎么解决
发表于:2024-09-23 作者:千家信息网编辑
千家信息网最后更新 2024年09月23日,本篇内容介绍了"vue的代理配置pathRewrite重写不生效怎么解决"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅
千家信息网最后更新 2024年09月23日vue的代理配置pathRewrite重写不生效怎么解决
本篇内容介绍了"vue的代理配置pathRewrite重写不生效怎么解决"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
代理配置pathRewrite重写不生效
本人遇到的情况在网上搜索时没有看到本人遇到的情况。
devServer: { proxy: { //代理匹配前缀2 '/api2': { target: 'http://localhost:5001', pathRewrite: {'^/api2': ''}, ws: true, changeOrigin: true }, //代理匹配前缀1 '/api': { target: 'http://localhost:5000', pathRewrite: {'^/api': ''}, ws: true,) changeOrigin: true } } }
开始时配置了/api前缀的代理,没有问题,然后又配置了/api2前缀的配置代理,然后就无法访问/api2前缀的代理了。
原因:就是因为/api在前面,先匹配了/api,例如访问/api2/test,由于先匹配了/api所以重写/api为空字符串后,路径变为了2/test,自然就不对了
解决:把/api2放在/api前面,让api2先匹配到,或者取名叫/api2,让其无法先匹配到/api
webpack代理---pathRewrite
今天遇到个问题,前提是项目是我本地有一份后端,端口号不同,前台4000,后端3100,请求方式4000代理到3100
代理到本地
接口请求方式如下
http://localhost:4000/api/scoringrules/all //每个请求后面都有/api
配置:
"proxy": { "/api": { "target": "http://localhost:3100", "changeOrigin": true, "pathRewrite": { // 如果接口本身没有/api需要通过pathRewrite来重写了地址,这里把/api转成' ' "^/api": "" } } },
pathRewrite:重写路径
后端识别时候把/api替换成空,后端没有/api
/api只是作为区分路由和接口的方式
具体要不要配置pathRewrite,要看前端的请求方式,以及后台的接受方式
ps:
比如:我在配置本地的时候
前端请求的参数的时候有/api,来区分网页还接口,但是后台接受的没有,则需要如上配置
但是:我在配置都域名的时候,域名接口地址是带/api的,所以此时无需配置pathRewrite
"vue的代理配置pathRewrite重写不生效怎么解决"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!
配置
代理
前缀
接口
方式
时候
情况
内容
前端
后台
地址
域名
更多
知识
路径
问题
不同
实用
学有所成
对了
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
中国网络安全信息化主任是谁
荒野乱斗延迟服务器
数据库返回空行
洛阳的软件开发
网络技术管理员试题
重庆宣传网络安全
网络安全管理业务系统
非结构数据库在统计学中的应用
网站上传数据库
网络安全教学端
服务器怎么解除安全模式
韩荣峰网络安全专家传奇
网络安全专业技术
空军通信网络技术管理中心
关于计算机网络安全是指什么
打一软件开发语言
win7sql数据库安装教程
数据库不挂科百度网盘链接
2.2米网络柜安装几台服务器
教师网络安全培训会议记录
如何构建电脑网络安全
四年级网络安全手抄报文字内容
乐聘网络技术有限公司
数据库查询语句表达式
青海省虚拟服务器管理软件
电脑服务器多少钱
perl 连接数据库
软件开发如何做出来的
深圳律猫互联网科技有限公司
为进一步筑牢网络安全之基