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

Question

不知道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是可以设置成这样的吗？

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

Answer 1

https://www.cnblogs.com/zhuzhenwei918/p/6918242.htm

Answer 2

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

Answer 3

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