小编M. *_*raw的帖子

我有一个托管在 Azure 上的 vuejs SPA，在从主页启动时可以在生产环境中正常运行。但是，我无法直接访问链接，甚至无法刷新页面。他们直接将我带到 404 错误页面。

我知道这与我的路由器有关，但弄乱它后我不知所措。是否有一些需要快速改变的事情，或者还有更多的事情需要改变？下面是我的路由器索引。

我以为底部的“历史”模式可以解决这个问题，但事实并非如此。

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  },
  {
    path: '/resources',
    name: 'Resources',
    // route level code-splitting …

我正在制作卡片，末尾有一个链接。我想要做的就是让链接位于 div 的底部，无论如何。目前，它们位于文本的末尾。有没有一种简单的方法可以实现这一目标？

如果可以避免的话，我不想使用卡片页脚，我想将其与产品链接所在的 div 底部对齐。现在的样子是这样的：

超文本标记语言

            <div class="card wow fadeIn swipe-away hover-shadow ">
                <img class="card-img-top" src="<?php the_sub_field('product_image'); ?>">
                <div class="card-body">
                    <h5 class="card-title"> <?php the_sub_field('product_name'); ?></h5>
                    <p class="card-text"> <?php the_sub_field('brief_description'); ?></p>
                    <a href="<?php the_sub_field('product_link'); ?>" class="h3 read-more-full btn hero-btn wow fadeIn btn-accent">View Strain</a>
                </div>

            </div>