vue框架中HTML页面跳转到另一个界面了但是URL不变比说 http127001 我请求 http127001下面的uphtml网页上的url还是 http127001结合下面的代码给我完整的具体的代码template div class=Polaris-Stack Polaris-Stack--distributionEqualSpacing Polaris-Stack--alignme

<template>
  <div class="Polaris-Stack Polaris-Stack--distributionEqualSpacing Polaris-Stack--alignmentCenter" style="margin-top: 1px;border-bottom: 1px #c1c1c1 solid;padding: 5px;">
    <div class="Polaris-Stack__Item">
      <div class="Polaris-Stack Polaris-Stack--spacingTight Polaris-Stack--alignmentCenter">
        <div class="Polaris-Stack__Item">
          <div class="sc-1ibht3l-0 uqRZq"></div>
          <div class="sc-1ibht3l-1 hIZedH">
            <div class="Polaris-ButtonGroup">
              <div class="Polaris-ButtonGroup__Item">
                <a data-polaris-unstyled="true" class="Polaris-Button" :href="getURL('index.html')">
                  <span class="Polaris-Button__Content">
                    <span class="Polaris-Button__Text">Dashboard</span>
                  </span>
                </a>
              </div>
              <div class="Polaris-ButtonGroup__Item">
                <a data-polaris-unstyled="true" class="Polaris-Button" :href="getURL('zone.html')">
                  <span class="Polaris-Button__Content">
                    <span class="Polaris-Button__Text">Checkout Zones</span>
                  </span>
                </a>
              </div>
              <div class="Polaris-ButtonGroup__Item">
                <a data-polaris-unstyled="true" class="Polaris-Button" :href="getURL('funnel.html')">
                  <span class="Polaris-Button__Content">
                    <span class="Polaris-Button__Text">Funnels</span>
                  </span>
                </a>
              </div>
              <div class="Polaris-ButtonGroup__Item">
                <a data-polaris-unstyled="true" class="Polaris-Button" :href="getURL('help.html')">
                  <span class="Polaris-Button__Content">
                    <span class="Polaris-Button__Text">Help Center</span>
                  </span>
                </a>
              </div>
              <div class="Polaris-ButtonGroup__Item">
                <div>
                  <button type="button" id="moreSeting" class="Polaris-Button" tabindex="0" aria-controls="Popover486" aria-owns="Popover486" aria-haspopup="true" aria-expanded="false">
                    <span class="Polaris-Button__Content">
                      <span class="Polaris-Button__Text">More</span>
                      <span class="Polaris-Button__Icon">
                        <span class="Polaris-Icon">
                          <svg viewBox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true">
                            <path d="M5 8l5 5 5-5z" fill-rule="evenodd"></path>
                          </svg>
                        </span>
                      </span>
                    </span>
                    <div id="dropdownContent" class="dropdown-content">
                      <a :href="getURL('payment.html')">Payment</a>
                      <a :href="getURL('facebookPixel.html')">Pixel</a>
                    </div>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    getURL(path) {
      return window.location.origin + window.location.pathname + path;
    },
  },
};
</script