新增了個文件store.js:javascript
//本地存儲的工具庫 if(!window.localStorage){ alert('你的瀏覽器不支持localStorage'); } var store ={ setItem(key,value){ window.localStorage.setItem(key,JSON.stringify(value)); }, getItem(key){ return JSON.parse(window.localStorage.getItem(key)); }, removeItem(key){ window.localStorage.removeItem(key); } } export default store;
頁面報錯:
NuxtServerError
render function or template not defined in component: anonymousvue
註釋掉if語句就沒有問題了:java
//本地存儲的工具庫 // if(!window.localStorage){ // alert('你的瀏覽器不支持localStorage'); // } var store ={ setItem(key,value){ window.localStorage.setItem(key,JSON.stringify(value)); }, getItem(key){ return JSON.parse(window.localStorage.getItem(key)); }, removeItem(key){ window.localStorage.removeItem(key); } } export default store;
因爲nuxt服務端渲染,會出現:瀏覽器
我本身在defalut.vue裏用window的時候出現這個錯誤。工具
解決這個,就要:spa
if (process.browser) { //這裏有window對象 }