Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-23 22:25:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix error page stacks on dev

Browse Source
This commit is contained in:
Pooya Parsa 2017-08-10 15:15:49 +04:30
parent 7dd00a7c50
commit 9340a0e7d0
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
lib/app/components/nuxt-error.vue
View File

@ -6,7 +6,9 @@
<div class="column"> <div class="column">
<h1>{{ statusCode }} </h1> <h1>{{ statusCode }} </h1>
<h4> {{ message }} </h4> <h4> {{ message }} </h4>
<%if(debug){%><pre class="error-box"><code>URI: {{ $route.path }}<br>{{ error.stack }}</code></pre><%}%> <% if(debug) { %>
<pre class="error-box" v-if="mounted"><code>Route: {{ $route.fullPath }}<br>Query: {{ $route.query }}<br>Params: {{$route.params}}<br>{{ error.stack }}</code></pre>
<% } %>
<p v-if="statusCode === 404"> <p v-if="statusCode === 404">
<nuxt-link class="error-link" to="/">Back to the home page</nuxt-link> <nuxt-link class="error-link" to="/">Back to the home page</nuxt-link>
</p> </p>
@ -38,6 +40,16 @@ export default {
] ]
} }
}, },
<% if(debug) { %>
data () {
return {
mounted: false
}
},
mounted () {
this.mounted = true
},
<% } %>
computed: { computed: {
statusCode () { statusCode () {
return (this.error && this.error.statusCode) || 500 return (this.error && this.error.statusCode) || 500
@ -69,11 +81,13 @@ export default {
margin: 0 auto; margin: 0 auto;
max-width: 70%; max-width: 70%;
} }
<% if(debug) { %>
.__nuxt-error-page .error-box { .__nuxt-error-page .error-box {
box-shadow: 0px 0px 9px #d3d3d3; box-shadow: 0px 0px 9px #d3d3d3;
padding: 10px; padding: 10px;
text-align: left; text-align: left;
} }
<% } %>
.__nuxt-error-page .poweredby { .__nuxt-error-page .poweredby {
text-align: center; text-align: center;
margin-top: 10%; margin-top: 10%;