IIS+前端 跨域设置

最新推荐文章于 2024-04-17 14:09:16 发布
VIP文章 最新推荐文章于 2024-04-17 14:09:16 发布
阅读量962 收藏 1
点赞数 1
文章标签： iis vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37690736/article/details/104916257
版权

在这样的网络结构下：

在SA服务器，服务A以3000端口开启，并用IIS反向代理到指定域名443端口。域名以https://aaa.com为例。

在SB服务器，服务B以3000端口开启，并用IIS反向代理到指定域名443端口。域名以https://bbb.com为例。

由于域名不同，服务A请求服务B存在跨域问题。

于是去SB服务器设置了一下IIS，如图所示：

】

左侧选中指定的网站，在HTTP响应头中添加上图设置。重启IIS服务，并再次用服务A请求服务B。

发现仍然存在跨域问题，如图所示：

可以看到响应头已经有我们刚刚设置的4个‘Access-co

最低0.47元/天 解锁文章
谷粤狐
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
跨域+springboot跨域+解决跨域
12-07
springboot跨域 springboot解决跨域问题+不同版本springboot解决跨域问题
Vue-cli3.x + axios 跨域方案踩坑指北
10-16
主要介绍了Vue-cli3.x + axios 跨域方案踩坑指北，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
IIS上开启反向代理实现Vue项目接口跨域处理
u012285295的博客
07-23 1429
项目在实际使用过一段时间后，发现通过iis设置的跨域设置不是很稳定，频繁多次访问，会请求失败或者耗时时间比较长，在Vue的项目中调用第三方接口，比如获取定位与逆地址解析等，很影响使用，因此更换了方式，在vue中使用jsonp的方式解决跨域。通常情况下的Vue应用都使用Nginx部署，Nginx有专门的反向代理设置，但若将Vue应用部署在IIS中，针对Vue应用中设置的接口跨域，IIS需要进行反向代理设置。Nginx的反向代理不做介绍，网上有很多，本文主要介绍IIS中设置反向代理。
IIS部署VUE项目
最新发布
susjdyr的博客
04-17 871
IIS 部署 VUE工程项目
Vue 3.x+axios跨域方案的踩坑指南
10-16
主要给大家介绍了关于Vue 3.x+axios跨域方案的踩坑指南，文中通过示例代码介绍的非常详细，对大家学习或者使用Vue 3.x具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
前端跨域+后端跨域.zip
02-15
前后端跨域
IIS反向代理 设置IIS跨域访问
一个标题
12-07 3401
IIS反向代理 设置跨域访问
iis 允许跨域_IIS7.5以上配置允许指定的域名进行ajax跨域访问
weixin_29923451的博客
01-14 1147
一般来说，如果是要允许跨域访问，最简单的设置，就是在 Web.config 中，将 Access-Control-Allow-Origin 设置为 * 即可，如下所示：如果觉得编辑web.config文件容易出错，你可以打开相应站点的http响应标头，加入以下名称和对应的值：Access-Control-Allow-Origin *Access-Control-Allow-Methods...
解密IIS服务器API跨域问题的终极解决方案
w风雨无阻w的专栏
12-05 2778
接下来的内容中，我们将深入了解IIS服务器API跨域问题的原因，并提供详细的解决方案，让你摆脱跨域的束缚。当你的应用程序试图从一个源访问另一个源的API时，浏览器会拒绝这种跨域请求，以防止潜在的安全风险。通过设置一个代理服务器，将跨域请求发送到代理服务器，然后由代理服务器转发到域名B的API，你成功实现了跨域请求。现在，你可以在域名A的应用程序中使用正常的API调用方式，而无需担心跨域问题。现在，你可以在域名B的应用程序中通过AJAX或其他方式调用域名A的API，而无需担心跨域安全限制。
解决iis跨域问题
橙-极纪元-cplvfx-JJY.Cheng
04-06 5553
解决iis跨域问题
IIS反向代理解决Web前端跨域
weixin_30297281的博客
01-23 458
1.1IIS7反向代理解决跨域问题IIS的版本必须是IIS7及其以上，否则没有反向代理功能；按照以下步骤来配置IIS，以实现反向代理； 1.2配置步骤1.下载安装ARR（Application Request Routing），http://www.iis.net/downloads/microsoft/application-request-routi 2.如上图所示，...
wcf发布的服务在前端调用时，遇到跨域问题的解决方案
dianjing2985的博客
05-02 307
我是使用IIS作为服务的宿主，因此需要在web.config中增加如下配置节： <bindings> <webHttpBinding> <binding name="webBinding" crossDomainScriptAccessEnabled="true" /> </webHttpBinding&gt...
iis中部署的前端网站，http强制跳转https的方法
xuliqi666的博客
12-01 1369
iis中部署的前端网站，http强制跳转https的方法
IIS部署vue前端过程（含IIS及相关配置和安装），部署遇到的问题及报错（承接vueconfig.js全局配置环境变量，跨域问题）
一个咸鱼的博客
12-10 8489
如果出现以下这种问题，调接口时地址提示undefined，这个是因为端口被占用，换一个即可。(2).编辑规则，完成后在部署的网站中重启，在点击浏览网站，成功解决报错。此错误表明文件或目录在服务器上不存在。请创建文件或目录并重新尝试请求。这个错误是由路由入口错误造成的，主要是因为没有确定路由的入口。您要找的资源已被删除、已更名或暂时不可用。中的重写来的，正则表达式只需将。启用或关闭Windows功能。网络和Internet。”，然后点击操作中的“替换为你定义的重写名。
Web跨域问题和常用解决方式cors和jsonp以及反向代理
质量不太好的博客
03-21 4413
Web跨域问题和常用解决方式cors和jsonp以及反向代理
iis10 arr 反向代理安装以及后续反向代理操作
瓜皮弟子头很铁的博客
11-02 2479
本文介绍 IIS10 通过安装，配置开启代理，配置创建匹配规则，实现前端跨域请求 API 功能。即访问 http://localhost:8001/api/list，实际会被代理到 http://localhost:8002/api/list。目录摘要服务器环境一、 安装 ARR 3.0（Application Request Routing）二、 配置 Application Request Routing Cache三. 配置 URL 重写(URL Rewrite)测试结语。
前端部署iis后axios跨域请求问题
qq_36958916的博客
12-02 470
前端部署iis后axios跨域请求问题
浏览器跨域问题 配置反向代理
moly_moly的博客
09-04 447
反向代理是怎么拼接接口的
Proxy反向代理解决跨域问题
m0_66571906的博客
02-24 2328
跨域问题的出现是因为浏览器的同源策略问题，所谓同源:就是两个页面具有相同的协议（protocol），主机（host）和端口号（port），它是浏览器最核心也是最基本的功能，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击。反向代理的工作原理是，代理服务器来接受客户端的网络访问连接请求，然后服务器将请求有策略的转发给网络中实际工作的业务服务器，并将从业务服务器处理的结果，返回给网络上发起连接请求的客户端。简单来说就是跨域问题，经过我的求助和努力，找到了解决的方法，用反向代理。
springboot+vue跨域
08-27
在使用Spring Boot和Vue开发前后端分离的项目中，解决跨域问题可以采用以下两种方法： 1. 在前端Vue中解决跨域问题：可以通过在Vue项目中配置代理来解决跨域。具体做法是在Vue项目的配置文件（一般是vue.config.js）中添加proxy配置，将需要跨域访问的后端接口地址映射到当前的开发环境，示例代码如下： ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:8080', // 后端接口地址 changeOrigin: true, // 是否允许跨域 pathRewrite: { '^/api': '' // 路径重写，将请求路径中的'/api'去掉 } } } } } ``` 这样，在发送请求时，只需将路径前缀设置为'/api'即可，比如发送登录请求可以写成`this.$axios.post('/api/login')`。 2. 在后台Spring Boot中解决跨域问题：可以通过在Spring Boot项目中添加跨域配置来解决跨域。具体做法是在后台的配置类或配置文件中添加允许跨域请求的配置，示例代码如下： ```java @Configuration public class CorsConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") // 允许所有请求跨域访问 .allowedOrigins("*") // 允许所有域名进行跨域访问 .allowedMethods("*") // 允许所有请求方法进行跨域访问 .allowedHeaders("*") // 允许所有请求头进行跨域访问 .allowCredentials(true); // 允许携带cookie进行跨域访问 } } ``` 这样，后台接收到前端的跨域请求时就会进行相应的处理，从而解决跨域问题。 总结来说，解决Spring Boot和Vue跨域问题的方法有两种：在前端Vue中配置代理实现跨域，或在后台Spring Boot中添加跨域配置实现跨域。具体选择哪种方法取决于你的项目需求和开发习惯。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [SpringBoot与Vue交互解决跨域问题【亲测已解决】](https://blog.csdn.net/weixin_44985880/article/details/120620207)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

谷粤狐

如果能解决您的问题，请打赏哦

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值