title: How to get variable value from other js files in nuxt js
body: <p>I have a nuxt js project, and make project file directories like below:</p>
  
  <pre>
  | -- axiosUtility
         | -- index.js
  | -- pages
  | -- store
  | -- other directories
  </pre>
  
  <p>The file of axiosUtility/index.js is below:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>/* Create a axios instance with custom headers */
  import axios from 'axios';
  
  let myVariable = someVariable //someVariable is the result from    // asynchronous 
  //request with axios in some web page component, how can I get 
  // variable?
  // with vuex?
  
  const myAxios = axios.create({
      headers: {'X-My-Variable': myVariable}
  });
  
  export default myAxios;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Some web page component get a result from asynchronous request, and I want use the result from another js file(or third party library). Where does I save the result of asynchronous request, and how can I require the result no matter of the changes of route?</p>