关于 Vue代理服务器Proxy error: 报错问题的解决方法

出现的错误如下:

Proxy error: Could not proxy request /**地址/**地址/**地址/*地址 from localhost:8002 to http://localhost:8000/.
See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).

网上搜了一天总结下来主要是:

  1. 将目标接口请求地址中的host和端口改成运行vue项目相同的host和端口;
  2. 在vue项目的根目录下找到vue.config.js文件修改端口号
 devServer: {
    open: true,//是否自动弹出浏览器页面
    host: 'localhost',
    port: 8001,
    https: false,
    hotOnly: false,
    proxy: {
      '/api': {
        // /api 的意义在于,声明axios中url已/api开头的请求都适用于该规则,
        // 注意是以/api开头,即:axios.post({url: '/api/xxx/
         target: 'http://localhost:8000',     //'服务器真实地址',
        // 此处target的意义在于:造成跨域是因为访
        // 问的host与我们的请求头里的origin不一致,所以我们要设置成一致,
        changeOrigin: true // 是否跨域
      }
    }
  },
  1. proxy 配置把 localhost 改为127.0.0.1 试试 =_=

上述方法都试了端口号也改了好多次没用,仔细思考这个错误的根本原因是什么 ?
发现问题是前端项目访问不通我的后端,,于是我转到后台 看我后台的代码!

  • 好家伙!我的问题是:
  • application-dev.yml 中的 host: localhost 中间需要打空格 所以一直会出现proxy错误 !!避坑啊朋友们!
  • 如果后端代码不启动,vue也会报这个错误!
  • 大家可以cmd 查看一下自己端口有没有被占用 端口被占用后台也启动不起来
  • 如果这些都对 再度娘吧!一定可以解决的 虽然粗心大意的没弄空格但是其中学到了不少知识点,受益匪浅!
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值