NuxtJS/apollo how to set custom header










2















How to set custom header on @nuxtjs/apollo?



on my nuxt.config.js


I have something like this



apollo: 
"x-token": "hash",
"x-auth-token": "hash",
"x-refresh-token": "hash",
headers:
,
clientConfigs:
default:
// required
httpEndpoint: "localhost:4000"





Thanks










share|improve this question


























    2















    How to set custom header on @nuxtjs/apollo?



    on my nuxt.config.js


    I have something like this



    apollo: 
    "x-token": "hash",
    "x-auth-token": "hash",
    "x-refresh-token": "hash",
    headers:
    ,
    clientConfigs:
    default:
    // required
    httpEndpoint: "localhost:4000"





    Thanks










    share|improve this question
























      2












      2








      2








      How to set custom header on @nuxtjs/apollo?



      on my nuxt.config.js


      I have something like this



      apollo: 
      "x-token": "hash",
      "x-auth-token": "hash",
      "x-refresh-token": "hash",
      headers:
      ,
      clientConfigs:
      default:
      // required
      httpEndpoint: "localhost:4000"





      Thanks










      share|improve this question














      How to set custom header on @nuxtjs/apollo?



      on my nuxt.config.js


      I have something like this



      apollo: 
      "x-token": "hash",
      "x-auth-token": "hash",
      "x-refresh-token": "hash",
      headers:
      ,
      clientConfigs:
      default:
      // required
      httpEndpoint: "localhost:4000"





      Thanks







      vuejs2 nuxt.js vue-apollo






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 13 '18 at 13:58









      MarkMark

      559




      559






















          1 Answer
          1






          active

          oldest

          votes


















          0














          Like this:



          nuxt.conifg.js



          apollo: 
          clientConfigs:
          default:
          httpEndpoint: 'localhost:4000',
          httpLinkOptions:
          headers:
          'x-token': 'hash',
          'x-auth-token': 'hash',
          'x-refresh-token': 'hash'




          ,





          share|improve this answer























          • I also tried that one earlier, but there an error, "Converting circular structure to JSON" The endpoint is working on fine on React.

            – Mark
            Nov 13 '18 at 14:21











          • The apollo module just got rewritten and I think this is still a release candidate and not an actual release, so this is probably a bug. What you could do is fall back to the old way by defining a path like this default: '~/apollo/client-configs/default.js' and then add the httplink options manually.

            – Imre_G
            Nov 13 '18 at 14:37












          • i see, ill try to create a separate config then import it on nuxt.config.js Thanks.

            – Mark
            Nov 13 '18 at 15:09










          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53282666%2fnuxtjs-apollo-how-to-set-custom-header%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          0














          Like this:



          nuxt.conifg.js



          apollo: 
          clientConfigs:
          default:
          httpEndpoint: 'localhost:4000',
          httpLinkOptions:
          headers:
          'x-token': 'hash',
          'x-auth-token': 'hash',
          'x-refresh-token': 'hash'




          ,





          share|improve this answer























          • I also tried that one earlier, but there an error, "Converting circular structure to JSON" The endpoint is working on fine on React.

            – Mark
            Nov 13 '18 at 14:21











          • The apollo module just got rewritten and I think this is still a release candidate and not an actual release, so this is probably a bug. What you could do is fall back to the old way by defining a path like this default: '~/apollo/client-configs/default.js' and then add the httplink options manually.

            – Imre_G
            Nov 13 '18 at 14:37












          • i see, ill try to create a separate config then import it on nuxt.config.js Thanks.

            – Mark
            Nov 13 '18 at 15:09















          0














          Like this:



          nuxt.conifg.js



          apollo: 
          clientConfigs:
          default:
          httpEndpoint: 'localhost:4000',
          httpLinkOptions:
          headers:
          'x-token': 'hash',
          'x-auth-token': 'hash',
          'x-refresh-token': 'hash'




          ,





          share|improve this answer























          • I also tried that one earlier, but there an error, "Converting circular structure to JSON" The endpoint is working on fine on React.

            – Mark
            Nov 13 '18 at 14:21











          • The apollo module just got rewritten and I think this is still a release candidate and not an actual release, so this is probably a bug. What you could do is fall back to the old way by defining a path like this default: '~/apollo/client-configs/default.js' and then add the httplink options manually.

            – Imre_G
            Nov 13 '18 at 14:37












          • i see, ill try to create a separate config then import it on nuxt.config.js Thanks.

            – Mark
            Nov 13 '18 at 15:09













          0












          0








          0







          Like this:



          nuxt.conifg.js



          apollo: 
          clientConfigs:
          default:
          httpEndpoint: 'localhost:4000',
          httpLinkOptions:
          headers:
          'x-token': 'hash',
          'x-auth-token': 'hash',
          'x-refresh-token': 'hash'




          ,





          share|improve this answer













          Like this:



          nuxt.conifg.js



          apollo: 
          clientConfigs:
          default:
          httpEndpoint: 'localhost:4000',
          httpLinkOptions:
          headers:
          'x-token': 'hash',
          'x-auth-token': 'hash',
          'x-refresh-token': 'hash'




          ,






          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 13 '18 at 14:11









          Imre_GImre_G

          912720




          912720












          • I also tried that one earlier, but there an error, "Converting circular structure to JSON" The endpoint is working on fine on React.

            – Mark
            Nov 13 '18 at 14:21











          • The apollo module just got rewritten and I think this is still a release candidate and not an actual release, so this is probably a bug. What you could do is fall back to the old way by defining a path like this default: '~/apollo/client-configs/default.js' and then add the httplink options manually.

            – Imre_G
            Nov 13 '18 at 14:37












          • i see, ill try to create a separate config then import it on nuxt.config.js Thanks.

            – Mark
            Nov 13 '18 at 15:09

















          • I also tried that one earlier, but there an error, "Converting circular structure to JSON" The endpoint is working on fine on React.

            – Mark
            Nov 13 '18 at 14:21











          • The apollo module just got rewritten and I think this is still a release candidate and not an actual release, so this is probably a bug. What you could do is fall back to the old way by defining a path like this default: '~/apollo/client-configs/default.js' and then add the httplink options manually.

            – Imre_G
            Nov 13 '18 at 14:37












          • i see, ill try to create a separate config then import it on nuxt.config.js Thanks.

            – Mark
            Nov 13 '18 at 15:09
















          I also tried that one earlier, but there an error, "Converting circular structure to JSON" The endpoint is working on fine on React.

          – Mark
          Nov 13 '18 at 14:21





          I also tried that one earlier, but there an error, "Converting circular structure to JSON" The endpoint is working on fine on React.

          – Mark
          Nov 13 '18 at 14:21













          The apollo module just got rewritten and I think this is still a release candidate and not an actual release, so this is probably a bug. What you could do is fall back to the old way by defining a path like this default: '~/apollo/client-configs/default.js' and then add the httplink options manually.

          – Imre_G
          Nov 13 '18 at 14:37






          The apollo module just got rewritten and I think this is still a release candidate and not an actual release, so this is probably a bug. What you could do is fall back to the old way by defining a path like this default: '~/apollo/client-configs/default.js' and then add the httplink options manually.

          – Imre_G
          Nov 13 '18 at 14:37














          i see, ill try to create a separate config then import it on nuxt.config.js Thanks.

          – Mark
          Nov 13 '18 at 15:09





          i see, ill try to create a separate config then import it on nuxt.config.js Thanks.

          – Mark
          Nov 13 '18 at 15:09



















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53282666%2fnuxtjs-apollo-how-to-set-custom-header%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Darth Vader #20

          How to how show current date and time by default on contact form 7 in WordPress without taking input from user in datetimepicker

          Ondo