如何更改nuxt.js路由器以使用自定义路径?

时间:2019-02-12 09:24:18

标签: vue.js nuxt.js

对于一个软件开发营销网站,我有30多个登陆页面,我希望将它们保存在./pages/landing文件夹中。因此,显然./pages/landing中的文件可以被访问,例如:

www.lorem.com/landing/python-development-experts/
www.lorem.com/landing/java-development-experts/

但是我需要从路径中删除/landing/,并且仍然希望将文件保留在./pages/landing文件夹中,但是需要使用以下路径访问文件:

www.lorem.com/python-development-experts/
www.lorem.com/java-development-experts/

请帮助,谢谢。

2 个答案:

答案 0 :(得分:1)

您可以通过此链接扩展路线结帐

https://github.com/nuxt/nuxt.js/issues/112

也许有帮助! 谢谢!

答案 1 :(得分:0)

这是我在nuxt.config.js中所做的

router: {
  extendRoutes: (routesIn) => {
    routesIn.forEach((r) => {
      if (r.path.includes('/landing/')) {
        r.path = r.path.replace('/landing', '');
      }
    });
    return routesIn;
  },
},