配置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>`;
};