vue配置反向以及别名代理

1.问题描述:

(1)处理前端问题是发现了这样一个问题,前端的服务器IP和我后端的不匹配,并且url路径,也只有一部分能匹配上,当时就蒙了,前端大佬之前,是怎样访问到我的?

(2)后来经过多方访问,以及各种网上盘查,其实是配置了反向以及别名代理,而我现在拿到的源码,vue的配置没有生效,所以代理不过去。

(3)找了很久,也没发现为啥没生效,索性,就在网上找了个教程,重新写了一份反向以及别名代理的配置。

(4)说明一下,之前的配置是放在根目录下的config子文件夹下的,而我新加的是放在根目录下的,vue.config.js文件里的。

(5)加了当前配置以后,在进行访问,发现,可以访问通了。

(6)至此,问题得以解决,下面是配置的代码形式。

const { defineConfig } = require('@vue/cli-service')
module.exports = {
 lintOnSave:false,

 devServer: {
 port: 8081,
 proxy: {
 '/service_8989': {  // 以当前路径开头的,都以下面所配置的源地址进行访问
 target: 'http://localhost:8989/', // 需要访问的源地址
 changeOrigin: true, // 改变源,也就是允许跨域
 pathRewrite: {
 '^/service_8989': ''
        }
      },
 // 可配置多个,比如当我们还需要调用其它的服务时
 '/service_8990': { // 以当前路径开头的,都以下面所配置的源地址进行访问
 target: 'http://localhost:8990/', // 需要访问的源地址
 changeOrigin: true, // 改变源,也就是允许跨域
 pathRewrite: {
 '^/service_8990': ''
        }
      }
    }
  }
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值