在我的项目中使用Asp.Net WebApi作为后端数据服务，使用Vue作为前端Web，在服务器IIS上部署时需要占用两个端口，一个是80端口，用户在浏览器上从这个端口获取打包好的Web页面；另一个是8080端口，Web页面从此端口获取或提交数据，访问8080端口需要跨域。这种方式客户不认可，只能占用一个80端口，不允许其他端口开放，所以就将打包的Web放在WebApi中。
将Web目录中index.html文件的内容复制出来，拷贝到Views/Home/Index.cshtml中，整理后Views/Home/Index.cshtml的内容为
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>标题</title>
<link rel="shortcut icon" href=./favicon.ico>
<link href=./static/css/app.abb198de0270a22c35f32ccf9a4a1b01.css rel=stylesheet>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<body>
<div id=app></div>
<script type=text/javascript src=./static/js/manifest.be49c78c7e5a838dd267.js></script>
<script type=text/javascript src=./static/js/vendor.3275876546e3749f8058.js></script>
<script type=text/javascript src=./static/js/app.2c59f6f538120ab824c2.js></script>
</body>
</html>
可能会遇到标题乱码的情况，在Views/Home/Index.cshtml中中添加
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />就好了
原文：https://www.cnblogs.com/niecx/p/10181934.html