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

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

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

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

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

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

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

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

二、URL拼写错误问题解决

浏览网站出现下面错误:

Vue项目部署到IIS服务器及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出现下图所示图标:

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

2、开启代理

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

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

勾选Enable proxy,选择“应用”,如下图所示:

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

3、设置url-rewrite规则

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

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

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

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