配置404页面
在应用的配置模块中,通过设置 fail
函数,以自定义在页面加载失败时所展示的内容;
在这个示例中,当页面加载失败时,将显示加载错误信息的第一行内容;
export const fail = ({ src, error }) => {
return `<div style="width:100%;height:100%;display:flex;justify-content:center;align-items:center;word-break:break-all;" data-testid="error-container">
<div style="padding:20px;text-align:center;">
<h3>load fail</h3>
<p>${error.stack.split(/\n/g)[0]}</p>
${src}
<div>
<button on:click="back()">Back</button>
</div>
</div>
</div>`;
};