vue 代理配置proxy下pathrewrite失效踩坑

最新推荐文章于 2024-06-04 15:02:46 发布
原创 最新推荐文章于 2024-06-04 15:02:46 发布 · 3.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

本文介绍了一个关于URL路径重写的常见错误案例。错误出现在代码中多余的空格导致预期的路径匹配失败。通过调整代码，去除多余的空格，解决了路径重写的问题。
部署运行你感兴趣的模型镜像

从网上直接找到的代码复制过来报错，最后找了一下午为什么失效，最后发现问题直接破防了

错误：

pathRewrite: { 

          "  ^/api  "  : ""          //若请求的路径在目标url下但不在/api 下，则将其转换成空

        },

正确：

pathRewrite: { 

          "^/api": ""          //若请求的路径在目标url下但不在/api 下，则将其转换成空

        },

原因：

直接复制过来的 "  ^/api  "  : ""里面多了两个空格，判断url的时候就获取不到/api，删除空格就解决问题了

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

XD_NML
关注
Vue3 proxy跨域代理
scongx的博客
09-29 1430
Vue3 proxy跨域代理
webpack配置proxyTable时pathRewrite无效的解决方法
12-09
本人webpack版本3.6，webpack-dev-server版本2.9.1，本人按照网上写的版本折腾两天都没通，无意间自己试通了，猜测网上大部分都是照本宣科，没有自己实践 webpack配置接口地址代理 在项目开发中，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问链接，但是我们的接口地址是  http://www.xxx.com/save/post 这样的，我们这样直接使用就会存在跨域的请求，导致接口请求不成功。 配置： 我们打开下面路径的文件 config/i
Vue使用Proxy代理后仍无法生效的解决
01-21
vue.js 配置了前端代理却未能生效 记录一下最近踩得小坑： 配置完代理后请一定重新执行（重要，非常重要！） npm run dev 若重新执行命令后，代理仍为生效，请按下方步骤进行检查： 检查index.js文件中的代理是否配置正确，示例如下： proxyTable: { '/api': { //代理标识 target: 'http://xxx.xxx.xxx',//指向的实际地址 changeOrigin: true, // 允许跨域 pathRewrite: { // 标识替换 // 原请求地址为 /api/getData 将'/api'替换''时
vue cli3 配置proxy代理无效的解决
10-16
今天小编就为大家分享一篇vue cli3 配置proxy代理无效的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue配置代理，重写pathRewrite不生效
weixin_46917162的博客
10-10 8478
前提：网上的办法都试过了，我的错误原因和他们不一样，而且我的代理的写法是正确的，猜测是被别的代理影响到了，但具体怎么影响的我也不知道。求求路过的大佬能解释下 1.pathRewrite不生效 要调阅的接口实际地址： http://115.215.211.76:9011/EsbBusService/Process 前端部分功能需要调阅这个地址，所以需要在调阅这个接口前给他加点东西用于区分，比如/temp；我这里配置了两个代理： devServer: { port: 9014,
vue pathRewrite无效
树上骑个猴的博客
12-26 4259
看看是不是另外在main.js等文件设置了全局的axios.defaults.baseURL，如果设置了全局的baseURL则会让pathRewrite无效，不过跨域还是有效的。 proxy: { '/aps': { target: `https://baidu1.me`, // 你要请求的接口 ws: false, //如果要代理 websockets，配置这个参数 changeOrigin: true, // 开启代理
解决vue中使用proxy配置不同端口和ip接口问题
10-16
本文将详细介绍如何在Vue项目中使用proxy配置不同端口和IP接口的问题解决方法，包括代理配置的基本概念、配置方法以及部署到线上环境的注意事项。 ### Vue项目代理配置基础 在Vue CLI创建的项目中，通常会使用...
Vue项目配置跨域访问和代理proxy设置方式
11-19
本文将介绍在Vue项目中配置跨域访问以及如何使用代理（proxy）解决这一问题的方法。 首先，针对跨域问题，主要有两种解决方案：后端设置允许跨域访问和前端通过代理进行访问。在生产环境中，为了保证安全性，建议...
解决VueCil代理本地proxytable无效报错404的问题
01-22
因为项目中遇到了这个bug：Vue cil2中配置代理proxytable成功，却无效报错404，在后端和代理都配置无误的情况下，还是报404，先已解决，特记录，希望能帮助到他人； 正文 1. 为什么要使用代理？ 代理的作用是：把...
vue3请求代理proxy中pathRewrite失效
Carmelo_7的博客
12-02 4426
在vue3配置请求代理proxy的时候pathRewrite失效及解决方案
pathrewrite不生效_Vue使用Proxy代理后仍无法生效的解决
weixin_28314575的博客
12-23 8161
vue.js 配置了前端代理却未能生效记录一下最近踩得小坑：配置完代理后请一定重新执行(重要，非常重要！)npm run dev若重新执行命令后，代理仍为生效，请按下方步骤进行检查：检查index.js文件中的代理是否配置正确，示例如下：proxyTable: {'/api': { //代理标识target: 'http://xxx.xxx.xxx',//指向的实际地址changeOrigin: ...
Vue的代理配置pathRewrite重写不生效问题处理
BiaoYBbiao的博客
03-26 3839
Vue的代理配置pathRewrite重写不生效问题处理 本人遇到的情况在网上搜索时没有看到本人遇到的情况,所以特此记录一下,希望能帮助到你。 devServer: { proxy: { //代理匹配前缀2 '/api2': { target: 'http://localhost:5001', pathRewrite: {'^/api2': ''},
VUE跨域的proxy中pathRewrite 详解
程序媛的博客
01-18 4504
当我们用vue-cli3 脚手架搭建完成后vue项目之后，项目的目录中是没有 vue.config.js 这个文件的，需要我们自己手动创建。我们只需要在在根目录中创建vue.config.js即可。
vue2,vue3跨域配置proxy代理，以及pathRewrite的一些问题，及获取真实请求地址
最新发布
qq_44766357的博客
06-04 5170
请求接口为：http://api.zhuishushenqi.com/cats/lv2/statistics。
Vue项目配置代理proxyTable/pathRewrite
weixin_44477615的博客
01-01 1735
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 首先，在ProxyTable模块中设置了‘/api’，target中设置服务器地址，也就是接口的开头那段地址，例如‘172.
pathrewrite不生效_vue通过修改config下的index.js解决跨域无效，地址也被更改了
weixin_39684052的博客
12-23 1598
vue通过修改config下的index.js解决跨域无效，并且自动把接口地址改边了config下的index.js代码如下：proxyTable:{'/api':{target:'http://api.jisuapi.com',changeOrigin:true,pathRewrite:{'^/api':''}}},axois请求代码如下：constac...
Vue代理配置重写方法(pathRewrite与rewrite)
Oooopkz的博客
10-25 8154
【代码】Vue代理配置重写方法(pathRewrite与rewrite)
webpack使用proxy代理时pathRewrite不生效的分析
热门推荐
追风Programer的博客
12-21 3万+
目录   写在前面 概述前端打包工具 直入主题pathRewrite 写在前面 近日来，连续高压的做项目，都没时间来写点东西，今天浏览帖子时发现好多同学在问proxy使用pathRewrite重写路径时不生效的问题，一时兴起就想写篇文章告诉还不清楚的同学们。 概述前端打包工具 由于近些年来react、vue等MVVM框架的流行，使得前端的打包工具更倾向于webpack，相比传统的打...
vue项目配置代理时pathrewrite失效
09-01
在Vue项目中配置代理时，经常会遇到pathRewrite无法生效的问题，下面我来解答你的问题。 在Vue项目中配置代理时，可以使用axios或者vue.config.js来实现。首先，我们需要在vue.config.js文件中配置代理，如下所示：...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值