在IIS中部署前后端应用_

目前手上的Web项目是前后端分离的，所以有时也会倒腾Vue框架。

前后端应用最终以容器形态、在k8s中部署, 为此我搭建了基于Gitlab flow的Devops流程。

在Devops实践中，容器部署成为良方和事实标准，。

但是在feature开发和自测阶段，不能滥打容器镜像，同时为了屏蔽学习成本（不是所有同事都会容器、都会nginx、都会centos），前后端团队还需要一个友好的联调+自测的验证环境，

最友好、最顺手的web服务器当属IIS，(后端API已经使用WebDeploy部署到IIS)，本文记录使用IIS托管Vue前端应用的姿势。

前置条件：安装IIS、Url-Rewrite Module !!!

1. 部署Vue应用
   我们以Github上Vue Todo应用为例，执行yarn build

如果build成功，你会发现生成了一个dist静态资源文件夹。

2. 创建web.config
   将yarn生成的dist文件夹拷贝到随意位置，并添加以下web.config文件， 这个文件实际是我们在IIS Url-Rewrite module上配置的结果。

<?xml version="1.0" encoding="utf-8"?>

点击确定

4.运行Vue应用

Nice！ 现在你的Vue静态应用就运行在IIS上。

But， 在前后端分离模式中，我们的Vue应用不仅有静态资源，还要发起动态api请求。

一般情况下webpack打包后的api请求路径是/, 会尝试请求同域名下api资源， 实际并不存在。

我们需要将