title: how to pass token to browser url in vue js
body: <p>i've an app whcih sends email to users to reset their passwords</p>
  <p>this is the link i send to the user email to be able to do password reset</p>
  <pre><code>http://localhost:8081/reset/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI2MmU2YWJmMmMzMzI0Mjk1NGQyNmVjZjIiLCJpYXQiOjE2NTk0ODkzODEsImV4cCI6MTY1OTQ5MDI4MX0.6omB-TkXXcwrjv0MaJQxltyERIoJZmkm8sY74AAqgxo
  </code></pre>
  <p>but each time i try to access the link i get</p>
  <pre><code>Cannot GET /reset/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9
  </code></pre>
  <p>this is my route</p>
  <pre><code> { name: &quot;reset&quot;, path: &quot;/reset/:token&quot;, component: Reset },
  </code></pre>
  <p>this is my script tag</p>
  <pre><code>
  &lt;script&gt;
  import axios from &quot;axios&quot;;
  export default {
    data: () =&gt; ({
      valid: true,
      password: &quot;&quot;,
    }),
    mounted() {
      console.log(&quot;the id is :&quot; + this.$route.params.token);
    },
    methods: {
      async handleSubmit() {
        const response = await axios
          .post(&quot;http://localhost:5000/api/auth/reset-password&quot;, {
            newPassword: this.password,
            token: this.$route.params.token
          })
  
          .then(res =&gt; {
            console.log(res);
          })
          .catch(error =&gt; {
            console.log(error);
          });
      },
     
    }
  };
  &lt;/script&gt;
  </code></pre>
  <p>please how can i go about these</p>