springboot vue 405 a padding to disable MSIE and Chrome friendly error page
时间: 2023-12-21 18:27:33 浏览: 231
Springboot vue导出功能实现代码
要在Spring Boot和Vue应用中禁用MSIE和Chrome友好错误页面,您可以使用以下方法:
1. 针对Spring Boot:
- 在`application.properties`文件中添加以下配置:
```properties
server.error.whitelabel.enabled=false
```
这将禁用Spring Boot默认的错误页面。
2. 针对Vue.js:
- 在Vue应用的`public`文件夹中创建一个名为`error.html`的文件,这将作为自定义错误页面。
- 在`error.html`文件中添加自定义错误信息,例如:
```html
<!DOCTYPE html>
<html>
<head>
<title>Error</title>
<style>
/* 添加您的自定义样式 */
</style>
</head>
<body>
<h1>An error occurred</h1>
<p>Please try again later</p>
</body>
</html>
```
- 更新Vue应用的`webpack`配置,使其将`error.html`作为错误页面模板。打开`vue.config.js`(如果不存在则创建一个),并添加以下内容:
```javascript
module.exports = {
// ...
configureWebpack: {
devServer: {
overlay: {
warnings: false,
errors: true
},
historyApiFallback: {
rewrites: [
{ from: /.*/, to: '/error.html' }
]
}
}
}
}
```
这将使用`error.html`作为错误页面,并将所有错误重定向到该页面。
请注意,这些方法仅适用于禁用默认的错误页面,并显示自定义错误信息。如果您需要更精细的错误处理或特定于浏览器的错误页面,可能需要使用其他方法。
阅读全文