title: Upload image into MS Azure with Vue.js project
body: <p>I am currently working on the VueJs framework, and I need to connect my project to the Azure. But I don't know how? I used before the (firebase) is it with the same technique where we add a configuration for the storage inside the project?</p>
  
  <p>Currently, I created I new blob and container in Azure, and I got a saskey and the primary/secondary paths .. but I am not sure what is the next step? </p>
  
  <p>Also in my VueJs project, I add this code:</p>
  
  <pre><code>    var sasKey = '....'; //The code from the Azure
      var blobUri = '...'; //The path
      var blobService = AzureStorage.createBlobServiceWithSas(blobUri, sasKey).withFilter(new AzureStorage.ExponentialRetryPolicyFilter());
  
        blobService.createBlockBlobFromText('ContainerName', 'BlobName', data,  function(error, result, response){
        if (error) {
            console.log('Upload filed, open browser console for more detailed info.');
            console.log(error);
        } else {
           console.log('Upload successfully!');
        }
      });
  </code></pre>
  
  <p>To clarify my question, I am a beginner in using both Vue.js and Azure. I need to know what is the correct steps to help me for successfully uploading an image to Azure storage.</p>
  
  <p>In Addition, is it possible to add security headers? like what we do in Axios? for example to check the content-length, content-type, ... etc.</p>
  
  <p>When I run the program, it always prints: </p>
  
  <pre><code>Upload filed, open browser console for more detailed info. 
  Error: XHR error
      at XMLHttpRequest.xhr.onerror
  </code></pre>