vue中proxyTable配置方法

vue项目中，本地调试时使用用proxyTable代理转发后端接口的方法。

1.当后端接口有统一path时

如后端接口为http://172.168.0.1:8081/api/user,且每个接口都有统一的/api开始。可以设置：

proxyTable:{'/api': {target: 'http:172.168.0.1:8081',  //目标接口域changeOrigin: true,  //是否跨域secure: false,//当是https的时候改成falsepathRewrite: {   //当有统一path此处可不写，效果一样'^/api': '/api'   //重写接口}
}

1.当后端接口没有统一path时

若后端的接口开头的path不统一时，按如下设置：
前端调接口时，人为给所有接口拼上 /api,比如后端接口为http://172.168.0.1:8081/user，前端请求时加上/api变成http://172.168.0.1:8081/api/user，然后proxyTable配置为：

proxyTable:{'/api': {target: 'http:172.168.0.1:8081',  //目标接口域changeOrigin: true,  //是否跨域secure: false,//当是https的时候改成falsepathRewrite: {   '^/api': '/ '  //重写接口}
}

pathRewrite也可以设置为：

  pathRewrite: {   '^/api': ' '  }

vue中proxyTable配置方法相关推荐

Vue中proxyTable配置
Vue中proxyTable配置: proxyTable: {'/api': {//遇到该请求则进行代理target: 'http://localhost:8080/', // 设置你调用的接口域名和 ...
keep alive PHP,vue中keep-alive使用方法详解
这次给大家带来vue中keep-alive使用方法详解,vue中keep-alive使用的注意事项有哪些,下面就是实战案例,一起来看一下. 1.keep-alive的作用以及好处在做电商有关的项目中 ...
Vue 中CodeMirror使用方法
2021的Vue 中CodeMirror使用方法. 1.包括项目的安装 .官网地址. package.json信息 2.基本使用:引入方法.参数注释.案例 2018的Vue-CodeMirror. 1 ...
怎样给oracle表设置序列,Oracle的sequence序列在hibernate中的配置方法
Oracle自增序列在Hibernate中的配置方法在很多情况下,我们使用Hibernate在已经建立好数据库的基础上.在oracle中,如果已经建立好的数据库中使用了sequence,则可以按照下 ...
vue 给标签添加data属性_在Vue中获取自定义属性方法:data-id的实例
获取自定义属性的方法: 第一步:首先在标签上绑定上@click="getDateId(item.id)",并将属性值传到绑定的事件里面第二步:在标签上继续绑定:date-id = ...
h5调起app的方法；app调起vue中的某个方法
h5调起app的方法 window.fuXinJSBridge.personSuccess(par) // par 为参数:personSuccess双方约定的方法名 app调起vue中的某个方法 / ...
迅搜xunsearch全文搜索引擎在负载均衡集群中的配置方法
迅搜xunsearch全文搜索引擎在负载均衡集群中的配置方法近来在一个电商项目中需要对商品检索实现中文分词和全文搜索功能,,于是使用了国内做得比较好并且是开源的迅搜全文搜索引擎,对PHP支持良好并且 ...
Vue 中如何配置项目支持 JSX 语法
Vue 是使用的的模板语法,Vue的模板实际上就是编译成了 render 函数,同样支持 JSX 语法.在 Vue 官网中,提供 createElement 函数中使用模板中的功能. createEl ...
关于Vue中路由配置和router-link的一点补充
前置知识: 1.Vue组件.单页面组件 2.目录结构关联性知识简介: 将组件和路径映射起来.主要用于单页面组件应用,即:创建了多个单页面组件,可通过vue router来进行类似页面的跳转.因为单页 ...

vue中proxyTable配置方法

1.当后端接口有统一path时

1.当后端接口没有统一path时

vue中proxyTable配置方法相关推荐

最新文章

热门文章