IIs上部署vue项目的跨域配置

最新推荐文章于 2025-05-06 21:34:46 发布
最新推荐文章于 2025-05-06 21:34:46 发布
阅读量2.1k 收藏 7
点赞数
CC 4.0 BY-SA版权
分类专栏： vue前端 总结类 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiawj8957/article/details/128889450
在IIS服务器上部署Vue项目可能会遇到跨域问题。解决方法包括安装ApplicationRequestRoute和URLrewrite工具，启用ServerProxySettings的代理功能，并通过URLrewrite配置跨域规则。完成设置后，重启网站服务即可解决跨域访问问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

IIs上部署vue项目的跨域配置

IIs上部署vue项目的跨域配置

vue项目可以使用nginx部署，也可以在iis服务器部署，接下来介绍下挡在iis上部署时访问的页面地址和页面使用的接口域名或端口不一致导致跨域问题时的配置

1.在iis的管理页面安装ApplicationRequest Route和URL write工具；

在这里插入图片描述
2.在Application Request 中 点击右边的ServerProxySettings；
勾选Enable Proxy，然后点击应用。
3.在URL write中配置跨域；

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
按以上配置好之后重新启动下网站服务即可正常访问。

IIS部署VUE刷新404问题如何解决？
猿小白的博客
03-31 1343
新建Web.Config文件，写入以下内容，将文件放入到dist根目录中的。 <?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <rewrite> <rules> <rule name="Handle History Mode and custom 404/500" stopProcessing=..
vue项目部署到iis服务器_Vue+C# 部署到服务器
weixin_39531037的博客
12-21 798
c# + vue 从开发到上线的个人感悟我自己是学的c#语言，其实自己一直都想做一个前后台完全分离的上线的demo，在做demo之前有在想为什么要前后台分离，有什么好处，我简单的总结一下主要有以下几点：1：提高工作效率，分工更加明确：前端只用关注前端的页面和功能，后台只用关注后台开发和接口优化，如果前台写页面比比较快，你可以继续写前端页面，数据可以用一些写死的json数据进行代替，如果后端开发比较...
angular v8 保护署到IIS后刷新404问题解决
yuiku008的专栏
10-10 333
1.微软下载URL Rewrite 2.在部署目录添加web.config文件 <configuration> <system.webServer> <rewrite> <rules> <rule name="Angular Rule Root" stopProcessing="true"> <match url="(.*)" /> <cond.
Vue项目打包部署到iis服务器的配置方法
10-16
主要介绍了Vue项目打包部署到iis服务器的配置方法，文中通过代码示例给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Nginx配置太复杂？本文教你将vue等类似项目发布部署到windows的IIS服务器，实现界面化清爽运维
最新发布
吴所畏惧
05-06 1378
Nginx配置太复杂？本文教你将vue等类似项目发布部署到windows的IIS服务器，实现界面化清爽运维
在window服务器使用IIS部署vue项目实现跨域
gkkljy的博客
12-11 5735
1.最近公司前端技术升级，进行vue项目重构，一般都是使用nginx进行跨域，但公司使用window服务器，服务器没有安装nginx，安装软件必须通过运维操作，不允许个人安装，所以使用IIs进行跨域 2.使用IIs实现跨域需要安装两个软件，urlrewrite(url重写)和Application Request Routing Cache(应用程序路由缓存) 3.首先设置代理，安装Application Request Routing Cache，下载地址： Application Request Rou
IIS中部署VUE项目报跨域异常
清龙入海的专栏
07-05 1918
IIS中部署VUE项目报跨域异常 1、将Vue项目解压后放在非系统盘中； 2、在iis中新建网站，配置项目路径，端口号等； （如果iis中有多个项目，每个项目都需要开通一个端口号） 3、启动服务； 注意：如果项目中所用的接口域名不同或端口号不同，则会发生跨域异常。 此时可以在Http标头添加如下代码即可实现跨域： Access-Control-Allow-Headers：Content-Type, api_key, Authorization Access-Control-Allow-Origin：* Ac
使用IIS部署Vue项目
weixin_44656422的博客
05-06 1108
使用IIS部署Vue项目，后端必须跨域，不要在Vue中用proxy跨域，那个只在dev环境中有用！IIS安装，不用全部打勾，有些他默认就是方块 ■ 选择性安装的，就维持原样就可以。
IIS部署vue前端过程（含IIS及相关配置和安装），部署遇到的问题及报错（承接vueconfig.js全局配置环境变量，跨域问题）
热门推荐
一个咸鱼的博客
12-10 1万+
如果出现以下这种问题，调接口时地址提示undefined，这个是因为端口被占用，换一个即可。(2).编辑规则，完成后在部署的网站中重启，在点击浏览网站，成功解决报错。此错误表明文件或目录在服务器上不存在。请创建文件或目录并重新尝试请求。这个错误是由路由入口错误造成的，主要是因为没有确定路由的入口。您要找的资源已被删除、已更名或暂时不可用。中的重写来的，正则表达式只需将。启用或关闭Windows功能。网络和Internet。”，然后点击操作中的“替换为你定义的重写名。
Windows 下IIS 部署 VUE项目教程
zjl1353911的博客
04-07 6249
本文看完可以实现,在Windows 下IIS部署一个VUE 网站
.NET + Vue3 的前后端项目在IIS的发布
qq_61709335的博客
02-17 2486
2）然后在 [高级设置] 中，把 [启用 32位应用程序] 的值设置成 [false]，然后下滑，找到 [标识]，将 [标识] 的值设置成 [LocalSystem]。网址部署好后，想测试网址的功能是否正常，发现网址的数据获取和新增功能都正常，但当修改和删除数据时，发现网址报405错误，这是什么原因造成的呢？这个错误是你项目文件夹中没有项目导致的，看看你的网址指向的物理路径是否正确，在指向的这个文件夹中是否有项目存在。3）在 IIS 的网站中，选择部署的项目，点击 [绑定] ，分别配置 IP 地址。
Vue前端项目部署IIS的实现
10-15
主要介绍了Vue前端项目部署IIS的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue项目在IIS发布
qq_32768235的博客
01-17 1471
IIS这个url代理重写的意思是：当你请求我发布的这个地址，我就会帮你重写到你配置的地址中去，api 是用来区分 去哪个接口地址请求数据。由于区分开发和生产环境，开发环境用vue自带的代理服务器，生产需要自己配置，那在开发和发布的请求代码就不一样。在VSCode的终端下运行代码命令，会在程序根目录得到一个dist的文件夹 ，iis中就发布这个文件夹。8.点击发布的vue项目右边会有一个【URL重写】双击进入后，右击[添加规则] 随便取个名称，：一般情况下Vue项目可以发布在。地址是iis发布的项目地址。
IIS上vue打包后接口跨域解决
cheeseC的博客
06-17 2693
首先要说下，跨域分为开发环境和生产环境： 开发环境：解决跨域通常是在配置文件中使用proxy进行反代理（这个根据具体的vue版本具体配置不同，最好去官网搜索） 生产环境：通常需要使用反代理了（网上搜的） 而我这里本地开发使用的是电脑的iis服务器，经过网上查询使用，解决如下： 1.下载安装ARR，地址为https://www.iis.net/downloads/microsoft/application-request-routing 2.下载安装urlrewrite，地址为https://www.ii
vue iis 配置
⑧o年崋日常记录
03-05 570
注 : 为什么要配置 Application Request Routing 和 URL Rewrite 要跨域访问接口,这相当于vite.config.js里的跨域代理配置。2, 若是此处不添加规则,访问网站首页可以,但你刷新后或跳转页面就会出现 404 错误.1, 因为VUE页面驱动是靠项目内的路由跳转,要保证每次页面都在根目录**/**;双击打开 >> 在右边菜单栏里有 添加规则 >> 编辑入站规则。双击打开 >> 右边操作 添加规则 ** >> 编辑入站规则。下载安装两个IIS模块。
配置IIS解决VUE跨域问题
changhong_sd的专栏
12-25 2994
前端是VUE开发的，调用后端C#开发的WebService，访问时老是报“已阻止跨源请求：同源策略禁止读取位于 xxx 的远程资源” 在IIS WebService 所在的网站中配置如图： 问题解决。 使用MVC写接口时，限制请求方式为POST，结果导致前端不能正常访问 去除以前加的HttpPost方法限制，改用[AcceptVerbs(HttpVerbs.Post | HttpVerb...
IIS上开启反向代理实现Vue项目接口跨域处理
u012285295的博客
07-23 1863
项目在实际使用过一段时间后，发现通过iis设置的跨域设置不是很稳定，频繁多次访问，会请求失败或者耗时时间比较长，在Vue的项目中调用第三方接口，比如获取定位与逆地址解析等，很影响使用，因此更换了方式，在vue中使用jsonp的方式解决跨域。通常情况下的Vue应用都使用Nginx部署，Nginx有专门的反向代理设置，但若将Vue应用部署在IIS中，针对Vue应用中设置的接口跨域，IIS需要进行反向代理设置。Nginx的反向代理不做介绍，网上有很多，本文主要介绍IIS中设置反向代理。
IIS部署VUE项目
susjdyr的博客
04-17 3184
IIS 部署 VUE工程项目
iis部署vue跨域
02-15
### 解决IIS部署Vue应用时的跨域问题 为了处理IIS上部署Vue应用程序时遇到的跨域资源共享(CORS)问题，可以采取多种措施来确保前后端之间的正常通信。一种有效的方法是在IIS中配置CORS支持。 #### 在IIS中启用CORS功能 通过安装并配置URL Rewrite模块以及设置web.config文件中的适当参数，可以在IIS级别实现对CORS的支持： 1. **安装必要的组件** 安装Microsoft提供的官方扩展——“URL Rewrite Module”，这允许管理员定义重写规则以便更灵活地控制HTTP请求的行为[^3]。 2. **编辑`web.config`文件** 修改位于网站根目录下的`web.config`文件，加入如下所示的部分XML代码片段用于开启CORS响应头: ```xml <configuration> <system.webServer> <!-- 启用CORS --> <httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" /> <add name="Access-Control-Allow-Headers" value="Content-Type, Authorization" /> </customHeaders> </httpProtocol> <!-- 处理预检请求(Preflight Request) --> <handlers> <remove name="WebDAV" /> <add name="OPTIONSVerbHandler" path="*" verb="OPTIONS" modules="ProtocolSupportModule" resourceType="Unspecified" requireAccess="None" responseBufferLimit="0"/> </handlers> <!-- 如果使用了其他中间件或框架，则可能还需要额外配置 --> </system.webServer> </configuration> ``` 上述配置使得任何源(`*`)都可以向该服务器发起指定类型的HTTP方法(GET、POST等)，并且能够携带特定头部信息(Content-Type和Authorization)。 对于生产环境而言，建议将通配符(*)替换为实际的信任域名列表，从而提高安全性；同时根据实际情况调整允许的方法种类与自定义头部字段。 此外，在开发阶段也可以考虑利用前端构建工具(如Webpack Dev Server)内置的功能来进行简单的代理转发操作，但这仅适用于本地调试场景，并不适合正式上线后的解决方案[^2]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

xiawj8957

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值