vue启动报错Error occurred while trying to proxy request

WuxiaoyanR

于 2021-08-09 17:27:03 发布

阅读量7.1k

点赞数

分类专栏：前端杂烩文章标签： vue

本文链接：https://blog.csdn.net/qq_37881606/article/details/119542643

版权

前端杂烩专栏收录该内容

23 篇文章 1 订阅

订阅专栏

本文记录了在开发过程中遇到的跨域问题及其解决方案，包括axios的默认基础URL设置、proxyTable配置顺序的影响以及pathRewrite错误导致的504错误。重点在于理解proxyTable配置细节，如将`pathRewrite`配置为`'^/api':''`可能导致接口重写错误，正确做法是设置匹配规则避免接口被重写。修复配置后需重启服务。

摘要由CSDN通过智能技术生成

2021年9月1日-更新

跨域不起效果,可以定义:

axios.defaults.baseURL = '/api'

2021年8月26日-更新

还有可能是配置的顺序问题，proxyTable的配置后放到配置项最下面

2021年8月19日-更新

所有的配置都对，启动还是出现了这个错误。proxyTable下的pathRewrite，原来配置的是 '^/': ''，直接把接口重写了，导致请求的后台接口直接504。可以前面写一个其他的字段去匹配。匹配不到自然不会重写接口地址。

更改后，一定要重启

proxyTable: {
      '/': {
        target: 'http://localhost:8889',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }

年久失修的代码竟然重启报错
放了三个月的代码，因为有小bug需要调整。启动后运行一直报错
Error occurred while trying to proxy request 。。。

既然是proxy相关，那就找运行配置的文件吧