uniapp 404页面、打包index.html 没有引号

一、需求：uniapp 在写 H5 时，如果在地址栏乱输入，会跳转到 404 页面。

思路：uniapp 有个 应用生命周期 onPageNotFound，让跳转不存在的页面时会执行这个回调函数。所以需求就很好解决了！

具体操作：

第一步：写一个 404 页面，并在 pages.json 中配置其路由。

第二步：在 App.vue 的 onPageNotFound 生命周期中处理跳转到 404 页面的逻辑：

onLaunch: function() {
            console.log('App Launch')
            // uni.hideTabBar();
            // #ifdef APP-PLUS
                
            // #endif
        },
        onPageNotFound() {
            uni.switchTab({
                url: '/pages/tabBar/home/home'
            })
        },
        onShow: function() {
            
        },

二、UNI-APP 框架中解决打包后index.html文件中没有引号问题

1. 在项目根目录下添加文件vue.config.js。
2. 在文件中添加如下内容：

   module.exports = {
       chainWebpack: config => {
        const html = config.plugin('html-index');
        html.tap(args => {
            args[0].minify.removeAttributeQuotes = false;
            return args;
        })
       },
   }

   修改mainfest.json

    "h5" : {
       ...,
       "router" : {
           "base" : "./"
       },
   }