vue項目在IIS部署

 

.net mvcwebapi設置允許跨域

global.asax中       //解決跨域問題
        protected void Application_BeginRequest(object sender, EventArgs e)
        {
            //RegisterRoutes(RouteTable.Routes);
            if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
            {
                HttpContext.Current.Response.AddHeader("Cache-Control", "no-cache");
                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST");
                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Accept");
                HttpContext.Current.Response.AddHeader("Access-Control-Max-Age", "1728000");
                HttpContext.Current.Response.End();
            }
            else
            {
                HttpContext.Current.Response.AddHeader("Cache-Control", "no-cache");
                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST,PUT, DELETE");
                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type");
            }
        }

 

web.config中

<!--解決跨域問題-->
    <httpProtocol>
      <customHeaders>

          <add name="Access-Control-Allow-Origin" value="http://localhost:9088" />

          <!--<add name="Access-Control-Allow-Origin" value="*" />-->
          <add name="Access-Control-Allow-Headers" value="*" />
          <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE" />
          <add name="Access-Control-Max-Age" value="86400" />

      </customHeaders>
    </httpProtocol>

iis

網站的應用程序池 管道模式必須是經典模式 ,否則不行

 

解決vue單頁面應用發布iis后刷新頁面報404錯誤問題

當進入到某個路由之后，vue的單頁應用部署IIS后，vue單頁應用程序（history模式），按F5刷新頁面會出現404錯誤

解決方案如下：

IIS下部署后的解決方案一般是使用 URLRewrite。

首先要安裝URLRewrite

安裝后

 

 

 

點擊，進入配置：

 

 

 

 

 

 

 

 

配置完畢后，點擊右側的應用即可