目录
一.IIS使用安装。
二.部署准备工作
三.部署前端（以vue为主）
四.问题与报错
1.HTTP 错误 404.0 - Not Found(需重写路由入口)
2.请求调用不了(需要重写请求地址)
3.地址显示undefined
一.IIS使用安装。
第一步，打开“控制面板”，点击“网络和Internet”。
第二步，点击左侧“程序”，然后点击“启用或关闭Windows功能”。
第三步，找到“internet information services”或者“互联网信息服务”，勾选全部，如图，然后点击确定，等待安装即可。
安装完成后，在任务栏搜素“IIS”，打开即可，至此安装完成。
二.部署准备工作
光是下好IIS并不行，我们要部署前端还需要IIS中有“Web 平台安装程序”(点击跳转安装)，下载完成后如下。
接着，我们需要在“Web 平台安装程序”中下载两个模块，分别 URLRewrite(点击跳转安装) 和 Application Request Routing(点击跳转安装)，安装过程及完成后如图所示。
然后，双击“Application Request Routing”，在右侧操作中点击“Proxy”中的“Server Proxy Settings...”，然后将“Enable proxy”打上勾即可
三.部署前端（以vue为主）
第一步，右击“网站”后，点击“添加网站”
第二步，如图所示。
第三步，双击你创建部署的网站，在右侧操作中，点击“浏览网站”，即可访问成功，如下图。
到这一步部署只是部署了，能访问，但是还有很多问题跟报错，接下来解决错误。
四.问题与报错
1.HTTP 错误 404.0 - Not Found(需重写路由入口)
经过上面的部署后，我们会发现，如果刷新页面或者跳转路由，会报错
HTTP 错误 404.0 - Not Found
您要找的资源已被删除、已更名或暂时不可用。
最可能的原因:
- 指定的目录或文件在 Web 服务器上不存在。
- URL 拼写错误。
- 某个自定义筛选器或模块(如 URLScan)限制了对该文件的访问。
可尝试的操作:
- 在 Web 服务器上创建内容。
- 检查浏览器 URL。
- 创建跟踪规则以跟踪此 HTTP 状态代码的失败请求，并查看是哪个模块在调用 SetStatus。
详细错误信息:
模块 IIS Web Core 通知 MapRequestHandler 处理程序 StaticFile 错误代码 0x80070002
请求的 URL http://xxx.xxx.x.xxx/login 物理路径 C:\Users\Admin\Desktop\aa\dist\login 登录方法 匿名 登录用户 匿名 详细信息:
此错误表明文件或目录在服务器上不存在。请创建文件或目录并重新尝试请求。
这个错误是由路由入口错误造成的，主要是因为没有确定路由的入口，这个时候就需要我们去使用 URLRewrite 去重写路由入口，保证每次路由请求都能从index.html主入口进入，保证路由的准确性，我这里简单配置后，就可以刷新和路由跳转了，具体如下。
(1).点击“URL重写”，然后点击操作中的“添加规则”
(2).编辑规则，完成后在部署的网站中重启，在点击浏览网站，成功解决报错。
2.请求调用不了(需要重写请求地址)
这里重写是根据我的devServer.proxy中的重写来的，正则表达式只需将api替换为你定义的重写名
3.地址显示undefined
如果出现以下这种问题，先确定请求重写规则是否设置并启用了，若启用了，则可能是因为部署地址的端口被占用。
修改操作如下，这样之后就可以正常调用请求了。文章来源：https://www.toymoban.com/news/detail-719219.html
文章来源地址https://www.toymoban.com/news/detail-719219.html
到了这里，关于IIS部署vue前端过程（含IIS及相关配置和安装），部署遇到的问题及报错（承接vueconfig.js全局配置环境变量，跨域问题）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[Docker实现测试部署CI/CD----相关服务器的安装配置（1）]](https://imgs.yssmx.com/Uploads/2024/02/626737-1.png)
![[Docker实现测试部署CI/CD----相关服务器的安装配置（2）]](https://imgs.yssmx.com/Uploads/2024/02/622088-1.png)
