解决Vue运行项目报错proxy error: could not proxy request

 更新时间:2023年08月08日 09:54:47   作者:西了个瓜瓜皮  
这篇文章主要给大家介绍了关于如何解决Vue运行项目报错proxy error:could not proxy request的相关资料,Proxy Error指的是代理服务器无法正确处理请求的错误,需要的朋友可以参考下

前言

今天跑项目的时候遇到一个问题,早上跑的时候还好好的,午休完起来一看,页面报错了,弹窗提示:proxy error: could not proxy request...from 我本地 to 目标地址。

终端报错:

Proxy error: Could not proxy request 接口url from 我本地 to 目标服务器

页面表现:页面可以打开,UI也可以展示,但是接口都是红的,报500

后端服务是有正常在启动的,而我本地也没有对代理配置做过任何改动。所以排除因后端发服务导致的波动或本地修改代理配置的原因。

查了一下,有可能是由端口号冲突引起的,于是尝试把本地端口号修改了一下,然后重新跑项目,问题解决啦!

dev: {
    publicPath: '/',
    host: '127.0.0.1', // 本地服务器
    port: '3333', // (修改点)本地默认端口,修改后重新跑就可以了
    proxy: { // 代理配置
        '/api': {
          target: '代理目标地址',
          changeOrigin: true,
          ...
        }
    }
}

总结

到此这篇关于解决Vue运行项目报错proxy error: could not proxy request的文章就介绍到这了,更多相关proxy error:could not proxy request内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 利用vueJs实现图片轮播实例代码

    利用vueJs实现图片轮播实例代码

    本篇文章主要介绍了利用vueJs实现图片轮播实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • Element-Plus的ClickOutside指令导致内存泄漏的解决办法

    Element-Plus的ClickOutside指令导致内存泄漏的解决办法

    这篇文章给大家介绍了Element-Plus的ClickOutside指令导致内存泄漏的解决办法,文中给出了详细的解决办法,遇到同样问题的小伙伴可以参考阅读一下本文
    2024-01-01
  • Vue3的7种种组件通信详情

    Vue3的7种种组件通信详情

    Vue3兼容大部分Vue2的特性,用Vue2代码开发Vue3都可以,性能上面打包大小减少 41%,初次渲染快 55%,更新快 133%,内存使用减少 54%,本篇文章主要介绍Vue3的7种种组件通信,需要的朋友可以参考下面文章的具体内容
    2021-09-09
  • vue中的Key值重复问题

    vue中的Key值重复问题

    这篇文章主要介绍了vue中的Key值重复问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • Vue Autocomplete 自动完成功能简单示例

    Vue Autocomplete 自动完成功能简单示例

    这篇文章主要介绍了Vue Autocomplete 自动完成功能,结合简单示例形式分析了Vue使用el-autocomplete组件实现自动完成功能相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • Vue3中watchEffect高级侦听器的具体使用

    Vue3中watchEffect高级侦听器的具体使用

    Vue3中新增了一种特殊的监听器watchEffect,本文主要介绍了Vue3中watchEffect高级侦听器的具体使用,具有一定的参考价值,感兴趣的可以了解一下
    2024-01-01
  • Vue自定义过滤器格式化数字三位加一逗号实现代码

    Vue自定义过滤器格式化数字三位加一逗号实现代码

    这篇文章主要介绍了Vue自定义过滤器格式化数字三位加一逗号的实现代码,需要的朋友可以参考下
    2018-03-03
  • Vue中常用的rules校验规则的实现

    Vue中常用的rules校验规则的实现

    在vue开发中,难免遇到各种表单校验,本文主要介绍了Vue中常用的rules校验规则的实现,具有一定的参考价值,感兴趣的可以了解一下
    2023-10-10
  • vue-draggable实现pc端拖拽效果

    vue-draggable实现pc端拖拽效果

    这篇文章主要为大家详细介绍了vue-draggable实现pc端拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • 使用vue-cli3+typescript的项目模板创建工程的教程

    使用vue-cli3+typescript的项目模板创建工程的教程

    这篇文章主要介绍了使用vue-cli3+typescript的项目模板创建工程,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-02-02

最新评论