title: Vuejs deploy to IIS Default Web Site application
body: <p>I need help deploying a VueJS application to the IIS Default Web Site as an additional application.</p>
  
  <p>I can add the built Vue site as its own IIS Web Site on a new port(other than port 80). I change the vue.config.js publicPath property to './' and point the new site to the built 'dist' folder. THIS WORKS FINE</p>
  
  <p>What i cannot get working is when i try to add a new 'Application' under the Default Web Site. This allows you to use the default port(80) and just append the 'Alias' name to the URL. ex - localhost/myvuesite</p>
  
  <p>Ive gotten this to work fine in the past with other company ASP.NET websites but i cannot get this working with Vue. When i try to navigate to my newly created site, localhost/myvuesite, i just get a blank page with nothing to display. When i inspect the chrome source it appears that the site downloaded the .js and .css and index.html files but something is not working correctly.</p>
  
  <p><strong>web.config in 'dist' directory:</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;configuration&gt;
    &lt;system.webServer&gt;
      &lt;rewrite&gt;
        &lt;rules&gt;
          &lt;rule name="Handle History Mode and custom 404/500" stopProcessing="true"&gt;
            &lt;match url="(.*)" /&gt;
            &lt;conditions logicalGrouping="MatchAll"&gt;
              &lt;add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /&gt;
              &lt;add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /&gt;
            &lt;/conditions&gt;
            &lt;action type="Rewrite" url="/" /&gt;
          &lt;/rule&gt;
        &lt;/rules&gt;
      &lt;/rewrite&gt;
    &lt;/system.webServer&gt;
  &lt;/configuration&gt;
  </code></pre>
  
  <p><strong>vue.config.js:</strong></p>
  
  <pre><code>module.exports = {
    publicPath: './',
    productionSourceMap: false
  };
  </code></pre>
  
  <p><strong>File structure:</strong></p>
  
  <pre><code>myvuesite
  - css
  - img
  - js
  - favicon.ico
  - index.html
  - web.config
  </code></pre>