fe / yoho-app-web · Commits

Go to a project

Authored by 陈峰
Commit afe646e3150894d98eb8ee96a0872222f91257e7 1 parent 022ce7e6

commit

Inline Side-by-side
Showing 6 changed files with 51 additions and 17 deletions
<template>
<img v-lazy="currentSrc" :alt="alt">
<img v-lazy="currentSrc" :alt="alt" v-if="!refresh">
</template>
<script>
... ... @@ -9,7 +9,20 @@ export default {
src: String,
width: Number,
height: Number,
alt: String
alt: String,
},
data() {
return {
refresh: false
};
},
watch: {
src() {
this.refresh = true;
this.$nextTick(() => {
this.refresh = false;
});
}
},
computed: {
currentSrc() {
... ...
... ... @@ -11,8 +11,9 @@ import 'statics/scss/common.scss';
import 'statics/font/iconfont.css';
import 'statics/font/ufofont.css';
const {app, router, store} = createApp(window.__INITIAL_STATE__ && window.__INITIAL_STATE__.yoho.context);
const isDegrade = Boolean(!window.__INITIAL_STATE__);
const context = window.__INITIAL_STATE__ && window.__INITIAL_STATE__.yoho.context;
const {app, router, store} = createApp(context);
if (window.__INITIAL_STATE__) {
store.replaceState(window.__INITIAL_STATE__);
... ... @@ -26,6 +27,28 @@ Vue.use(Dialog);
Vue.prop('api', createApi());
Vue.use(Lazy, {error: ''});
const fetchAsycData = (matched, r) => {
const asyncDataPromises = matched.map(({asyncData}) => {
try {
return asyncData && asyncData({store, router: r});
} catch (error) {
return Promise.reject(error);
}
}).filter(p => p);
return Promise.all(asyncDataPromises);
};
const trackPage = (path) => {
if (window._hmt) {
try {
window._hmt.push(['_trackPageview', path]);
} catch (error) {
console.error(error);
}
}
};
router.onReady(() => {
store.dispatch('reportYas', {
params: {
... ... @@ -38,15 +61,17 @@ router.onReady(() => {
}
});
if (isDegrade) {
fetchAsycData(router.getMatchedComponents(), router.currentRoute);
}
router.beforeResolve((to, from, next) => {
try {
trackPage(to.fullPath);
const matched = router.getMatchedComponents(to);
store.commit(ROUTE_CHANGE, {to, from});
if (window._hmt) {
window._hmt.push(['_trackPageview', to.fullPath]);
}
store.dispatch('reportYas', {
params: {
appop: 'YB_H5_PAGE_OPEN_L',
... ... @@ -58,15 +83,8 @@ router.onReady(() => {
}
});
Promise.all(matched.map(({asyncData}) =>
asyncData && asyncData({store, router: to})))
.then(() => {
if (!false || store.state.yoho.visible) {
return next();
} else {
history.pushState({}, '', from.fullPath);
}
})
fetchAsycData(matched, to)
.then(next)
.catch(e => {
store.dispatch('reportError', {error: e});
console.error(e);
... ...
... ... @@ -32,7 +32,7 @@ export default context => {
} catch (error) {
return Promise.reject(error);
}
});
}).filter(p => p);
Promise.all(asyncDataPromises)
.then(() => {
... ...
... ... @@ -17,7 +17,6 @@
<body>
<!--vue-ssr-outlet-->
<div id="degrade-app"></div>
div
<div id="main-wrap">
<div id="no-download"></div>
</div>
... ...
import YohoPage from './list';
export default [{
name: 'coupon',
path: '/mapp/coupon/yoho.html',
component: YohoPage,
}];
... ...
... ... @@ -114,6 +114,9 @@ const devRender = (route) => {
res.setHeader('X-YOHO-Version', pkg.version);
const ck = route.cackeKey ? getCacheKey(req.url, route.cackeKey) : void 0;
// return require('request-promise')({
// url: 'http://m.yohobuy.com:6005/degrade.html'
// }).pipe(res);
if (config.useCache && route.cache && ck) {
const html = await redis.getAsync(ck);
... ...