webpack+vue-cli 中proxyTable配置接口地址代理

在项目开发的时候,接口联调的时候一般都是同域名下,且不存在跨域的情况下进行接口联调,但是当我们现在使用vue-cli进行项目打包的时候,我们在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 这样的访问页面,但是我们的接口地址是 http://xxxx.com/save/index 这样的接口地址,我们这样直接使用会存在跨域的请求,导致接口请求不成功,因此我们需要在打包的时候配置一下,我们进入 config/index.js 代码下如下配置即可:

dev: {// 静态资源文件夹assetsSubDirectory: 'static',// 发布路径assetsPublicPath: '/',// 代理配置表,在这里可以配置特定的请求代理到对应的API接口// 例如将'localhost:8080/api/xxx'代理到'www.example.com/api/xxx'// 使用方法:https://vuejs-templates.github.io/webpack/proxy.html
    proxyTable: {'/api': {target: 'http://xxxxxx.com', // 接口的域名// secure: false,  // 如果是https接口,需要配置这个参数changeOrigin: true, // 如果接口跨域,需要进行这个参数配置
        pathRewrite: {'^/api': ''}}},// 本地访问 http://localhost:8080host: 'localhost', // can be overwritten by process.env.HOST

接口地址原本是 /save/index,但是为了匹配代理地址,在前面加一个 /api,  因此接口地址需要写成这样的即可生效 /api/save/index

 

注意: '/api' 为匹配项,target 为被请求的地址,因为在 ajax 的 url 中加了前缀 '/api',而原本的接口是没有这个前缀的,所以需要通过 pathRewrite 来重写地址,将前缀 '/api' 转为 '/'。如果本身的接口地址就有 '/api' 这种通用前缀,就可以把 pathRewrite 删掉。

转载于:https://www.cnblogs.com/softwarefang/p/9361059.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/451125.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

AMQP 协议介绍

RabbitMQ 是遵从AMQP 协议的, 换句话说, RabbitMQ 就是AMQP 协议的Erlang 的实现(当然RabbitMQ 还支持STOMP2 、MQTT3 等协议) 0 AMQP 的模型架构和RabbitMQ 的模型架构是一样的,生产者将消息发送给交换器,交换器和队列绑定。当生…

关联表多数据的批量insert (批量导入,测试19W条数据用时46秒)

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 一、业务需求 :作多个批量导入 ,根据业务不同,每条数据导入前作各种验证, 导入后提示验证…

Java已死?九百万程序员说不

Java没死,事实上它拥有足够的能量让你的应用跑起来。那些对Java吹毛求疵人频繁地聚焦在一些小众问题上,总是和其他技术或者语言做些不公平的对比,这些语言并没有像Java一样得到广泛应用及长远的历史。 现在的小孩都能学Java,它在…

Linux SSH远程管理故障如何排查?

SSH远程管理故障排查方案:1、检测两个机器是否畅通两个机器之间是否畅通,查看物理链路是否有问题(网线网卡、IP是否正确)第1步:物理链路是否畅通,比喻为“高速公路是否畅通”ping 排查客户端到服务端的线路问题,ping是…

CSS中position的absolute和relative用法

static: HTML元素的默认定位方式absolute: 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父…

Spring HttpMessageNotReadableException异常

(一)现象 我们在进行服务间的rpc调用时,可能会遇到org.springframework.http.converter.HttpMessageNotReadableException异常。 其具体报错如下: {"timestamp": 1456043810789,"status": 400,"error…

解决 -- java 调用webservice 服务端收到参数为null

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 我的客户端和服务端都写的很简单,只是调用服务的时候, 服务端得不到参数,后来发现只改一个地方就可…

fastJson性能测试

测试装备: mac pro 6核12线程 测试代码: (1)序列化对象: import lombok.Data;Data public class User {int id;String name;int age;String address; } (2)序列化逻辑: import…

避免流量高峰期CDN问题的10个方法

在视频流媒体中,因平台火爆而出现问题是件好事。至少,这比根本没有观众要好。\\也许你正在使用世界级的CDN,但是,在大型赛事期间,当CDN的服务器和对等点流量变得饱和的时候,一些用户还是无法享受到流畅的体…

Android应用进入爆发期 手机游戏仍是市场重心

近日,91无线发布了《91无线移动应用发展趋势报告(Android版)》。报告显示,2012年,无论Android移动应用用户下载还是开发者研发均呈爆发态势,手机游戏仍是市场重心所在。同时,Android移动应用下载…

MQTT Client软件-MQTTBox

最近发现了一个连接mqtt broker的软件:MQTTBox。GitHub地址:https://github.com/workswithweb/MQTTBox 官网网站的介绍为:使用MQTTBox增强你的物联网流程 MQTT客户端特性 支持TCP、TLS、Web Sockets和安全的Web Sockets连接MQTT服务器支持各种…

fastJson toJSONString注意点

fastJosn是阿里爸爸推出一款高性能序列化工具,号称最快的json序列化工具。不过好像也就那样,在量比较大的时候优势才会明显。单次序列化时间还是会达到几十毫秒的级别。 Fastjson is a Java library that can be used to convert Java Objects into the…

WebService中文件传输

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 WebService处理传递普通的信息,还可以传输文件,下面介绍WebService是怎么完成文件传输的。 1、 首先编写服务器端…

Django框架-Form组件

一、DjangoForm组件介绍 我们之前在html页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来。 与此同时我们在好多场景下都需要对用户的输入做校验,比如验证用户是否输入,输入的长度和格式等是否正…

中国经济转型知易行难

摘要:一个亚洲国家正在崛起,出口机器势不可挡,财富快速增长,觉得美国已是过去,自己的时代已经到来。这是2012年的中国?没错———但也是上世纪80年代的日本。 美国《芝加哥论坛报》网站5月20日文章&#xf…

进程和线程的剖析

进程和线程的区别?什么时候用进程?什么时候用线程? 答:首先得知道什么是进程什么是线程? 我的理解是进程是指在系统中正在运行的一个应用程序;程序一旦运行就是进程,或者更专业化来说&#xff1…

解决 java.net.ConnectException: Connection refused: connect 异常

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 一、 我的情况很简单: 只是因为我调用服务端接口方法包名没有写对,应该如下面代码中这样写: call.…

主席树的各类模板(区间第k大数【动,静】,区间不同数的个数,区间=k的个数)...

取板粗 好东西来的 1.(HDOJ2665)http://acm.hdu.edu.cn/showproblem.php?pid2665 (POJ2104)http://poj.org/problem?id2104 (POJ2761)http://poj.org/problem?id2761 题意:求区间第K大&…

java类内部的变量

类内部的变量分为两部分: 一.类的成员变量 在类内部,变量定义部分,定义的变量。 二.局部变量 在类内方法体中定义的变量和方法中涉及的变量。 成员变量和局部变量的区别: (1)成员变量在整个类中都有效…

腾讯搜搜退出PC搜索领域:百度搜狗迎来双龙竞争

摘要:据北京商报报道,上周末,腾讯对公司组织架构进行了大规模调整。业内普遍认为,搜搜并入腾讯无线后,这个独立搜索平台将被合并,失去独立性,也将令搜搜官网域名soso.com走向“没落”。据北京商…