vue配置多代理接口地址

一、介绍

随着微服务架构的流行，后台项目逐渐被拆分成不同的模块进行通信，但是前端还是只有一个项目所以在访问不同模块后台时，需要请求不同的地址，在vue项目中，通过配置代理可以进行后端服务器接口地址访问，当需要访问不同微服务的后端接口时就需要配置不同的地址。

二、代码

config/index.js文件中配置代理地址：

自己项目中定义所有接口api管理文件src/api/getData.js：

页面调用接口时xxx.vue

三、总结

1、vue使用配置多代理地址方式可以访问不同的项目地址，使用以上方法。

2、同时也是可以把所有接口通过一个统一的后台项目通过feign调用其他系统接口进行访问，使用该种方式只需要配置一个代理地址即可，同时也可以对所有接口调用进行监控，比如添加用户操作记录时就比较简单，只需要定义一个aop切面监控conroller中的方法即可。

vue配置多代理服务接口地址相关推荐

# Vue 配置前端后端路由地址
Vue 配置前端后端路由地址前端路由配置配置项目地址修改 config/index.js的配置文件 proxyTable: {'/api': { //使用"/api"来代替t ...
vue cli脚手架项目利用webpack给生产环境和发布环境配置不同的接口地址或者不同的变量值。...
废话不多说,直接进入正题,此文以配置不同的接口域名地址为例子项目根目录下有一个config文件夹,基础项目的话里面至少包括三个文件, 1.dev.env.js 2.index.js 3.prod.e ...
vue打包后修改接口地址(私有化部署)
私有化部署应用场景 1.客户对于软件交付物需要自己部署数据库和站点的情况. 2.一套软件通过修改某文件的方式(较低成本的更改),以达到调换接口的目的. 解决方案在vue项目中public文件夹下新 ...
华为--配置本地环回接口地址
该实验紧接上一节实验网络拓扑图如下 AR1环回接口配置 AR2环回接口配置 AR3环回接口配置配置AR1回环接口路由配置AR2回环接口路由配置AR3回环接口路由在AR1上测试回环接口的连通性 ...
node代理请求 vue_vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址...
使用 Vue-cli 创建的项目,开发地址是 localhost:8080,需要访问非本机上的接口http://10.1.0.34:8000/queryRole.不同域名之间的访问,需要跨域才能正确请 ...
全局地址池和接口地址池
DHCP支持配置两种地址池,包括全局地址池和接口地址池 dhcp enable:用来使能DHCP功能.在配置DHCP服务器时,必须先执行dhcp enable命令,才能配置DHCP的其他功能并生效. ...
如何修改Vue打包后文件的接口地址配置
1.背景常规的vue项目分为本地环境和生产环境,我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可.但是最近在做的项目中,涉及到私有化部署,就是 ...
vue项目接口地址暴露_vue项目打包后可以配置接口地址的方法
因为项目测试的需要,我需要给测试人员一个项目的测试环境版本和生产环境版本,两个版本的区别就是请求的接口地址不一样而已,一开始,我是在webpack配置了不同的命令,让测试去打包,比如:使用npm ru ...
vue中请求接口怎么封装公共地址_如何修改Vue打包后文件的接口地址配置(转自网络)...
1.背景常规的vue项目分为本地环境和生产环境,我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可.但是最近在做的项目中,涉及到私有化部署,就是 ...

vue配置多代理服务接口地址

vue配置多代理接口地址

一、介绍

二、代码

三、总结

vue配置多代理服务接口地址相关推荐

最新文章

热门文章