在window服务器使用IIS部署vue项目实现跨域

1.最近公司前端技术升级,进行vue项目重构,一般都是使用nginx进行跨域,但公司使用window服务器,服务器没有安装nginx,安装软件需要通过运维操作,生产机器不允许个人安装,综合考虑之下使用IIs进行跨域
2.使用IIs实现跨域需要安装两个软件,urlrewrite(url重写)和Application Request Routing Cache(应用程序路由缓存)
3.首先设置代理,安装Application Request Routing Cache,下载地址: Application Request Routing Cache,安装完成后双击Application Request图标
在window服务器使用IIS部署vue项目实现跨域_第1张图片
然后点击右侧Server Proxy Settings
在这里插入图片描述

Enable proxy前面打上勾,开启代理模式,点击应用
在window服务器使用IIS部署vue项目实现跨域_第2张图片
4.然后需要重写url,共需要重写两条url,一条把包含"/api"的路由重写并反向代理到后端地址,另一条是将所有除"/api"以外的路由以及文件以外的路由全部指向index.html,安装urlrewrite,下载地址:url-rewrite,安装完成后双击需要重写url的网站,然后双击 url重写 按钮在这里插入图片描述
点击右上角添加规则
在window服务器使用IIS部署vue项目实现跨域_第3张图片
添加空白规则,进行配置,重写url后面的{R:2}是根据测试捕获组捕获到的应该在重写的url后面拼接上的路径

在window服务器使用IIS部署vue项目实现跨域_第4张图片

在window服务器使用IIS部署vue项目实现跨域_第5张图片
匹配规则可以选择正则或者通配符,这里使用正则^((?!(api)).)*$过滤出所有不包含"/api/”的请求路径
在window服务器使用IIS部署vue项目实现跨域_第6张图片

5.最后保存应用重启网站就可以了

你可能感兴趣的:(vue.js,服务器,前端)