vue-cli 3.0 跨域请求代理

官方文档中指明,跨域请求可以通过配置vue.config.js中的devServer.proxy选项来进行配置。

这个选项配置的本质实际上就是http-proxy-middleware中间件的用法,和Webpack-dev-server的proxy一样。

vue-cli 3.0中介绍了两种常见的用法:

module.exports = {devServer: {proxy: 'http://localhost:4000'}
}

这种用法是将任何未知请求 (没有匹配到静态文件的请求) 代理到http://localhost:4000

如果想单独配置,可以使用path: options成对的对象进行配置

module.exports = {devServer: {proxy: {'/api': {target: 'http://localhost:4000',ws: true,changeOrigin: true},'/foo': {target: 'http://localhost:8000'}}}
}

上述配置指明:
将请求到/api/xxx代理到http://localhost:4000/api/xxx
将请求到/foo/xxx代理到http://localhost:8000/foo/xxx

其他详细配置可以百度http-proxy-middleware配置

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

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

相关文章

小米人员架构调整:组建中国区,王川任总裁

12月13日上午,小米内部发布人员调整公开信,信中传达了两个重要内容:将销售与服务部改组为中国区,任命集团高级副总裁王川兼任中国区总裁。 在今年9月份,也就是小米上市前夕,雷军在一封内部信中宣布对公司组…

在 .NET 7上使用 WASM 和 WASI

WebAssembly(WASM)和WebAssembly System Interface(WASI)为开发人员开辟了新的世界。.NET 开发人员在 Blazor WebAssembly 发布时熟悉了 WASM。Blazor WebAssembly 在浏览器中基于 WebAssembly 的 .NET 运行时上运行客户端。WASI通…

Java基础 五 方法

方法 1.1 方法概述 在我们的日常生活中,方法可以理解为要做某件事情,而采取的解决办法。 如:小明同学在路边准备坐车来学校学习。这就面临着一件事情(坐车到学校这件事情)需要解决,解决办法呢&#xf…

django rest framework 过滤 lim分页

一.过滤 1.首先引用diango 自带的过滤配置 2.导入模块 from django_filters.rest_framework import DjangoFilterBackend from django_filters import rest_framework as filters 3.一种简单的过滤: class BookView(ModelViewSet):queryset Book.objects.all()serializer_clas…

MySQL用户及权限管理

MySQL用户及权限管理查看用户及权限查看用户及作用域(使用范围)查看用户权限创建用户及授权字段参数用户管理使用命令提示符登录MySQL mysql -h localhost -u root -p查看用户及权限 mysql中的用户信息和权限等都存储在一个名为mysql的数据库中。其中主…

附近有什么?8款可以查周边的App

如今科技发达的时代,手机的功能不仅仅只是能通讯聊天,而是逐渐的走进了人们的生活中。因为有了APP,我们的生活才更丰富,并且有很多是我们生活中不可缺少的软件,而这些软件便是根据手机中的GPS定位系统而来的。简单来说…

MyEclipse小问题与汉字处理

今天在使用MyEclipse时,遇到工作目录报错(如上图),解决方法如下:找到对应工作区(查看工作区的方法为:单击File → Switch Workspace 即可)依次打开 .metadata文件夹 → .plugins文件夹 → org.eclipse.core.runtime文件夹 → .set…

关系数据库设计及优化原则

一直以来就想总结一下自己这么多年来在关系数据库上积累的经验。奈何自己是一个比较懒的人一直不想动手去写。扎克伯格曾说过:“想做一件事的话,最好的办法就是先开始”。索性就先写一点东西,这些东西不会太长,自然也不会包括太多…

java B2B2C springmvc mybatis电子商务平台源码-消息队列之RocketMQ

RocketMQ出自阿里公司的开源产品,用 Java 语言实现,在设计时参考了 Kafka,并做出了自己的一些改进,消息可靠性上比 Kafka 更好。RocketMQ在阿里集团被广泛应用在订单,交易,充值,流计算&#xff…

VSCode同步设置

2022/4/1 更新 刚刚发现还有人在看这篇文章,这里更新一下,VSCode 从1.48版本开始已经内置了同步功能,可以不用再使用Settings Sync插件了。 点击左下角的用户或者设置的 Sign in to Sync Setting,使用GitHub或者Microsoft账户登…

配置三台服务器组成的ELK集群(二)

上一篇里主要是介绍了ES和ES-Head的安装过程,这一篇继续介绍ELK集群的其他核心组件安装过程。 五、安装Logstash: 本案的Logstash安装在10.113.130.117上;燃鹅,Logstash也可以利用多台组成集群,如果未来单台处理不过来…

Discuz X3.2源码解析 discuz_application类(转自百度)

discuz_application在/source/class/discuz/discuz_application.php中。 discuz_application继承自抽象类discuz_base discuz_application主要实现对运行环境、配置、输入、输出、数据库、设置、用户、session、移动模块、计划任务、手机预览等方面的初始化。 instance()函数来…

.NET性能优化-是时候换个序列化协议了

计算机单机性能一直受到摩尔定律的约束,随着移动互联网的兴趣,单机性能不足的瓶颈越来越明显,制约着整个行业的发展。不过我们虽然不能无止境的纵向扩容系统,但是我们可以分布式、横向的扩容系统,这听起来非常的美好&a…

Kubernetes-基于Helm安装部署高可用的Redis

1、Redis简介 Redis是一个开放源代码(BSD许可证)的代理,其在内存中存储数据,可以代理数据库、缓存和消息。它支持字符串、散列、列表、集合和位图等数据结构。Redis 是一个高性能的key-value数据库, 它在很大程度改进了…

Vue 深度监听和初始绑定

vue的监听属性普通方式无法监听对象内部属性的改变,并且初始化时不会监听数据对象。 vue为监听属性提供了一种对象方法 watch: {option.size: {// handler为默认执行的方法handler (newValue, oldValue) {this.size newValue},// 立即执行handler方法…

markdown流程图画法小结

markdown流程图画法小结markdown画图流程图 最简单的流程图为例mermaid! graph TD A --> B //在没有(),[].{}等括号的情况之下,图标默认名字就是字母 A --> C C --> D B --> D 给图标添加名字,改变只有矩阵图形,在箭头上添加文字…

hihocoder 1689 - 推断大小关系(图论+二分)

题目链接 https://vjudge.net/problem/HihoCoder-1689有N个整数A1, A2, ... AN&#xff0c;现在我们知道M条关于这N个整数的信息。每条信息是&#xff1a;Ai < Aj 或者 Ai Aj 小Hi希望你能从第一条信息开始依次逐条处理这些信息。一旦能推断出A1和AN的大小关系就立即停止。…

32岁京东毕业程序员,走投无路当了外企外包,闲得心里发慌,到点下班浑身不自在!...

‍‍当一位京东程序员进入外企当外包会怎么样&#xff1f;顺利躺平&#xff0c;实现wlb&#xff08;工作生活平衡&#xff09;吗&#xff1f;未必&#xff0c;因为人是一种很奇怪的动物。这位网友说&#xff1a;32岁京东毕业程序员&#xff0c;找了几个月工作一直没有合适的&am…

SpringBoot+Shiro学习(四):Realm授权

上一节我们讲了自定义Realm中的认证&#xff08;doGetAuthenticationInfo&#xff09;&#xff0c;这节我们继续讲另一个方法doGetAuthorizationInfo授权 授权流程 流程如下&#xff1a; 首先调用Subject.isPermitted/hasRole接口&#xff0c;其会委托给SecurityManager&#x…

Git放弃文件修改

已提交 # 撤销提交&#xff0c;保留修改内容 git reset <commit_id># 撤销提交&#xff0c;不保留修改内容 git reset --hard <commit_id>已暂存文件 # 撤销单个文件暂存 git reset HEAD <filename># 撤销所有文件/文件夹暂存 git reset HEAD .已跟踪未暂存…