我们写代码 npm run serve 是在调试环境检查代码 , 项目打包成 dist文件夹 给后端/运维后 , 他们会在 IIS 上再进行测试 . 有时候你改动一下就打包发一下 , 后端就得更新后台等 , 不方便 .
所以我们前端也得会对 项目(打包文件) 进行 IIS 调试 .

(亲测有效!!!)操作步骤:

1. 将打包好的 dist 文件夹粘贴到电脑根目录
附图:

2.在电脑上搜索并打开 IIS 管理器
附图:

3.右击 ‘网站’ 后点击 '添加网站’
附图:

4.添加网络
附图:

注意一下 ‘物理路径’ 和 ‘端口’ 就行了. 完成后点击’确定’ . 像这样:

点击’确定’后, 会在左侧 ‘网站’ 下边生成一个 dist 网站

5.右击 ‘dist’ → ‘管理网站’ → ‘浏览’ 即可自动跳转到默认浏览器. 我们就可以测试项目有没有bug了

若此时浏览器查看项目失败:

(亲测有效!!!)操作1/2:

点击‘应用程序池’ 后, 在右侧找到 dist 后双击, 即可编辑应用程序池 , 下拉找到 中间是 v4.0 的 选中, 点击’确定’ ,就行啦

(亲测有效!!!)操作2/2:

右击dist后, 点击'编辑权限’

取消掉‘只读’ 和 '隐藏’

在 ‘安全’ 模块, 点击‘编辑’ 后, 允许所有操作 , 依次点击‘添加’ → '高级’

点击 ‘立即查找’ , 找到 Everyone 后点击 ‘确定’

一路点击'确定’

点击 ‘应用’

点击 ‘确定’

右击dist 后, 分别 ‘重新启动’ , ‘刷新’ , 之后 '浏览’

以上能解决绝大多数在浏览器浏览不了的问题
公司用的 win7 电脑 , 所以以上总结基于 win7 , 其它 win 系统不打包票

若这些操作都不能救你 , 你就 找个会的 被Ta喷会儿吧 , 或者问问度娘 ~