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':''}}}}}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容