IIS部署VUE3 项目

最近在学习VUE课程 今天在部署的时候遇到几个问题

1.部署后后端接口无法请求

2.部署后刷新页面会提示404找不到资源文件

3.刷新页面后有错误 Unexpected token

下面说一下解决方案

首先安装IIS中的 url-rewrite 下载地址 https://www.iis.net/downloads/microsoft/url-rewrite

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

部署过程请参考 https://blog.csdn.net/qq_32492777/article/details/109511095

根据参考文档中的方法配置后无法访问后端接口 最后发现了问题  没有进行配置生产环境的接口前缀 下面是配置

 

对应IIS中的URL重写配置为

 

 

 配置完之后可以进行数据获取了 但是在刷新页面的时候提示404

又进行了如下的url重写规则

 

 

 然后将url重写规则的顺序调整

一下

 

进行完之后 页面刷新提示

 

 Unexpected token

在项目的配置文件中加入

publicPath: '/' 如下图

 

 参考文档 http://www.bubuko.com/infodetail-3620245.html

最后重启IIS 浏览 终于成功啦！