axios跨域配置（vue3.0 微应用数据请求跨域配置）
本文目录
- vue3.0 微应用数据请求跨域配置
- 为什么vue设置了axios请求头之后会跨域
- 在vue项目中若依框架设置多个proxy跨域代理
- vue axios 跨域请求在ie浏览器 报错 Access-Control-Allow-Headers 列表中不存在请求标头 authorization.
- vue2.0中axios发送跨域请求的时候如何设置header来携带token
vue3.0 微应用数据请求跨域配置
当前存在以vue2.6 开发的单例应用, 我们希望使用 qiankun ，将该应用转微应用结构。 在保证原功能可用的情况下，使用vue3.0重构部分功能。 这里记录使用vue做微应用开发时，各个应用数据请求代理的配置方式. 我们知歼慎道一般，独立使用vue开发单例应用，可以通过配置 vue.config.js 的 { devServer: proxy } 实现接口请求代理. 而在微应用开发中，情况稍有氏差敬不同。 具体的可以分为以下几种情况: 现在的问题是，当基座和子应用各自独立配置代理服务时，各自独立开发请求数据是正常的。 而子应用加载到基座后，子应用的数据请求将为 404 。 基座版本 vue2.6.12 , 初看这里微应用中的代理配置和单例配置没有任何区别.其实代理的配置基础都是基于vue.config.js配置或者说是 webpack代理配置, 之所以 这里子应用无论独立开发或加载到基座联调，都能正常请求到数据，是因为基座和子应用都配置了相同的代理头 /proxyApi 并且请求的服务地址一致 这里回到问题， 如果基座和子应用独立配置, 例如: 子应用独立开发时的请求地址: /user 当子应用嵌套在基座内时，地址将变为: localhost: 9000/user 可以看到请求地址发生了变换，原 /user 地址在独立开发时是能通过webpack server 做正常代理的. 而在微服务中， /user 地址转向了基座的本地开发服务 localhost:9000/user 而开发服务是无法识别这个请求地址的，自然返回 404 所以我们将子应用的代理头与基座同步, 这样子应用的请求将通过基座的开发服务做代理转发, 之所以设置相同的代理头而不是在基座再配置一遍子应庆亩该代理，也是为了方便设置，遵循 约定大于配置 原则。 之前的方法请求的baseurl 都为先对请求地址, 其实我们也可以直接设置完整的请求地址。 ***隐藏网址*** 这样子应用的请求地址将不会被改写, 也就不会出现 404 的情况。
为什么vue设置了axios请求头之后会跨域
这是需要后端设置塌闷响应头的。跨域是浏团姿弯览器行为，需要后端允许跨域，才能正常访问，不是在前端设册凳置的。
在vue项目中若依框架设置多个proxy跨域代理
1.首先找到文件2.在proxy中设置多乱御庆个域名端口3.找到设置axios的baseurl地方，更改接口哗握地址前缀，这里我写了两个代拆岩理，分别是/api和process.env.VUE_APP_BASE_API=’dev-api’,因此我的baseUrl要设置为动态的/api和/dev-api4.在调用接口的地方也需要重新设置下baseUrlok
vue axios 跨域请求在ie浏览器 报错 Access-Control-Allow-Headers 列表中不存在请求标头 authorization.
【问题原因旅神】标准的head，拆首亏认证名字叫做Authorization，A要大写，但是在vue用axios跨域请求时芹销，传的head名称为authorization，是小写，所以即使是设置Access-Control-Allow-Headers为*，也无法识别。【解决办法】后台服务器设置Access-Control-Allow-Headers为’authorization,Authorization,DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type’，强制包含一个authorization头即可。
vue2.0中axios发送跨域请求的时候如何设置header来携带token
axios.defaults.headers.common 并燃= localStorage.getItem(TOKEN_KEY);
更多文章：
2024年5月20日 11:28
2024年5月23日 18:44
2024年6月30日 22:41
2024年6月28日 12:57
2024年5月6日 02:49
2024年5月3日 07:37
腾讯新闻极速版下载（腾讯新闻极速提现出现账号异常是什么原因）
2024年7月2日 05:21
2024年8月29日 01:25
海贼王3d格斗游戏（有没有火影或海贼王的格斗游戏是3D的哪有下的）
2024年7月17日 20:58
2024年2月9日 22:00
2024年8月21日 08:46
有了解舟谱云管家这款软件的朋友吗？今天收到舟谱数据的面试邀请，有知道这个公司的吗，怎么样啊
2024年7月19日 01:31
2024年8月3日 08:50
当当书城网上书店官网（余年庆小说有第二部吗当当网上有庆余年的电子书吗）
2024年8月30日 18:55
2024年6月7日 12:31
2024年8月10日 12:16
2024年8月14日 05:01
2024年6月28日 18:28
2024年7月3日 01:02
2024年3月6日 18:45
