title: How to remove the # sign from URLs in an AngularJS application (non .NET) hosted on Azure?
body: <p>I have a situation where I need to update the web.config file on my Azure hosting server. I need to enable html5mode (so I can remove the # sign from my URLs), and so need to make a modification on my server to redirect all requests to index.html. Here is the code that I apparently need to add in the web.config:</p>
  
  <pre><code> &lt;system.webServer&gt;
      &lt;rewrite&gt;
        &lt;rules&gt;
          &lt;rule name="AngularJS" 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;add input="{REQUEST_URI}" pattern="^/(api)" 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;
  </code></pre>
  
  <p>The problem, however, is that there is no web.config. Even though my application is hosted on Azure, it is not a .NET application and was not created using Visual Studio. It is an AngularJS application that was scaffolded using Yeoman, and my tasks are run by Grunt. Here is an image of the structure of my application:</p>
  
  <p><a href="https://i.stack.imgur.com/hwOZH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hwOZH.png" alt="enter image description here"></a></p>
  
  <p>So, in this case, how would I go about adding the rewrite rule on my server?</p>