vue.js - 在使用 NuxtJS 或 NextJS 时，是否可以根据需要在 URL 的末尾添加 .html？

Question

我目前正计划使用具有 SSR 通用架构的 NuxtJS/NextJS 框架开发 Web 应用程序，我面临与 SEO 相关的困难，因为之前我的项目是用 .NET 编写的，所以所有的 URL在最后有 .html..

例如:

• domain.com/hotels(这是Cate)
• domain.com/hotels-5-star.html(这是酒店类别的子类别)

上面的例子是针对我的问题的，这意味着根据谷歌，URL 越短越好，所以我的页面都被缩短为单个“/”，但是由于结构页面有 2 个层次结构, Cate 和 Sub cate，所以为了 Google 区分这一点，URL(sub cate)必须在末尾插入 .html。

是否可以使用NuxtJS/NextJS构建与上述URL相同的页面？，我研究过，但找到了具体的解决方案，也许我的经验不多，所以我需要专家的帮助< strong>NuxtJS/NextJS

Answer 1

是的，在 nuxtjs 中，您可以使用 @nuxtjs/router 像这样自定义您的路由器路径

nuxt.config.js

buildModules: [
    '@nuxtjs/router'
]

router.js

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const page = path => () => import(`./pages/${path}.vue`).then(m => m.default || m);

const routes = [
    {
        path: '/hotels-:star-star.html',
        name: 'hotels',
        props: true,
        component: page('hotels')
    }
];
export function createRouter(){
    return new VueRouter({
        routes
    });
}

pages/hotels.vue

<template>
    <main>
        {{ star }}
    </main>
</template>

<script>
export default{
    props: {
        star: {
            type: Number
        }
    }
}
</script>