解决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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue项目中接入websocket时需要ip端口动态部署问题

    vue项目中接入websocket时需要ip端口动态部署问题

    这篇文章主要介绍了vue项目中接入websocket时需要ip端口动态部署问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-09-09
  • Vue.js 的 watch函数基本用法

    Vue.js 的 watch函数基本用法

    watch 函数是 Vue.js 提供的一个强大工具,用于响应数据变化并执行相应的回调,通过合理使用 watch 函数,我们可以实现异步数据请求、表单验证、动态样式等多种功能,这篇文章主要介绍了Vue.js 的 watch函数,需要的朋友可以参考下
    2024-08-08
  • Element中el-tabs左右滑动动画的实现

    Element中el-tabs左右滑动动画的实现

    本篇博客将详细介绍如何在使用 Vue 以及 Element UI 时,实现一个具有左右滑动效果的 tab 切换动画,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧
    2024-03-03
  • VUE解决图片视频加载缓慢/首屏加载白屏的问题

    VUE解决图片视频加载缓慢/首屏加载白屏的问题

    在 Vue3 项目中,有时候会出现图片视频加载缓慢、首屏加载白屏的问题,所以本文小编就给大家详细介绍一下如何解决图片视频加载缓慢/首屏加载白屏的问题,需要的朋友可以参考下
    2023-07-07
  • vue基于viewer实现的图片查看器功能

    vue基于viewer实现的图片查看器功能

    这篇文章主要介绍了vue基于viewer实现的图片查看器的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • 面试题:react和vue的区别分析

    面试题:react和vue的区别分析

    这篇文章主要介绍了react和vue的区别分析,在面试中经常会遇到,小编通过实例文字相结合的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • vue 踩不完的异步之坑及解决

    vue 踩不完的异步之坑及解决

    这篇文章主要介绍了vue 踩不完的异步之坑及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-05-05
  • Vue 实现一个简单的鼠标拖拽滚动效果插件

    Vue 实现一个简单的鼠标拖拽滚动效果插件

    这篇文章主要介绍了Vue 实现一个简单的鼠标拖拽滚动效果插件,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2020-12-12
  • nextTick能否获取到最新dom原理解析

    nextTick能否获取到最新dom原理解析

    这篇文章主要为大家介绍了nextTick能否获取到最新dom原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • maptalks+three.js+vue webpack实现二维地图上贴三维模型操作

    maptalks+three.js+vue webpack实现二维地图上贴三维模型操作

    这篇文章主要介绍了maptalks+three.js+vue webpack实现二维地图上贴三维模型操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08

最新评论