Vue项目部署到IIS服务器及URL拼写错误问题解决

一、Vue项目部署到IIS服务器

1、终端执行命令：npm run build，对项目进行打包，打包完成过后，项目目录新增dist文件夹

2、打开IIS服务器，添加网站，选择打包好的dist文件夹。设置如下：

3、部署完成，浏览该项目。

二、URL拼写错误问题解决

浏览网站出现下面错误：

解决办法：

1、下载安装所需模块

url-rewrite：https://www.iis.net/downloads/microsoft/url-rewrite

application-request-routing：https://www.iis.net/downloads/microsoft/application-request-routing

安装成功后，IIS出现下图所示图标：

2、开启代理

双击ApplicationRequest...进入设置界面，在右上角找到设置项目，点击进入，具体见下图：

勾选Enable proxy，选择“应用”，如下图所示：

3、设置url-rewrite规则

双击“URL重写”，选择添加规则，空白规则，具体设置如下：

设置完成后。点击“应用”，重新浏览项目，问题解决