代码之家 › 专栏 › 技术社区 › Billal Begueradj

Nuxt.js:如何使用特定的路径值启动服务器?

nuxt nuxt.js vue.js javascript

Billal Begueradj · 技术社区 · 6 年前

在我的Nuxt.js应用程序中,我有一系列嵌套路由。

.
âââ index
âÂ Â  âââ _choice
âÂ Â  âÂ Â  âââ city
âÂ Â  âÂ Â  âÂ Â  âââ index.vue
âÂ Â  âÂ Â  âÂ Â  âââ _zipCode
âÂ Â  âÂ Â  âÂ Â  âÂ Â  âââ index.vue
âÂ Â  âÂ Â  âÂ Â  âÂ Â  âââ street
âÂ Â  âÂ Â  âÂ Â  âÂ Â  âÂ Â  âââ index.vue
âÂ Â  âÂ Â  âÂ Â  âÂ Â  âÂ Â  âââ _street.vue
âÂ Â  âÂ Â  âÂ Â  âÂ Â  âââ street.vue
âÂ Â  âÂ Â  âÂ Â  âââ _zipCode.vue
âÂ Â  âÂ Â  âââ city.vue
âÂ Â  âÂ Â  âââ city.vue~
âÂ Â  âÂ Â  âââ index.vue
âÂ Â  âââ _choice.vue
âÂ Â  âââ index.vue
âââ index.vue
âââ index.vue~

我想做的是当我启动服务器时( yarn run dev http://localhost:3000/1 而不是 http://localhost:3000/

注意在这种情况下,一个对应于路径“ /:choice

1 回复 | 直到 6 年前

Andrew1325 6 年前

不知道您是否还在寻找答案,但是,您是否考虑过设置一个中间件文件来重定向用户?我使用一个用于auth,因此如果用户没有登录中间件,则会在请求“/admin”时重定向到“/login”。除了设置重定向“/”的所有请求外,您可以执行相同的操作。

要设置它,只需在middleware文件夹中创建一个文件,我们将其命名为redirect.js,并在其中包含如下内容:

export default function ({store, redirect, route}) {
    const urlRequiresRedirect = /^\/(\/|$)/.test(route.fullPath)
    if (urlRequiresRedirect) {
        return redirect('/1')
    }
    return Promise.resolve
}

然后需要在nuxt.config.js中读取该文件:

router: {

    middleware: ['redirect']

  },

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前