vue如何为多页面项目配置自己的404页面以及自定义链接 5C

不知道vue的多页面应用是否可以自己配置404页面?项目中暂时没有使用到vue-router,不知道是否需要,当前是通过目录去索引的。

目录结果如下:

|---__build            # 配置文件
|---src
    |---assets         # 静态资源,图片、样式等
    |---components     # 各个页面模块
    |---pages          # 一级目录
        |---Home
            |---index.html
            |---index.scss
            |---index.js
        |---Detail
            |---detail.html
            |---index.scss
            |---index.js

    |---stores         # vue-store
|---package.json

目前没有地方找到多页面可以配置404页面的方案,现在的页面索引都是通过目录直接索引到页面的,有两个问题想请大神请教:
①:当输入错误的链接,即不存的目录或文件名时,自定义一个404页面,这样vue的router或者别的啥是可以实现的吗?
②:有些详情页,我想把页面链接,比如Detail文件夹下的detail.html页面,配置为Detail/detail/id/238308320.htm,就是后面加了自定义的一些值的样式,vue是可以设置成这样的吗?

不知道有没有表述清楚问题,望大神指点

3个回答

当输入错误链接错误或者找不到页面,在router里可以定义一个404页面,具体可以这样做:在routes里面这样写:
{
path:'*',
component:error,
name:'error',
meta:{
title:'页面没找到'
}
}
注意:一定要写在routes的最后面!

这个是针对单页面应用的吧,并不是针对多页面的

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问