因为项目需要用到SEO,所以把项目用nuxt.js进行了重构。记录一下遇到的问题
1、页面切换语言之后需要跳转到页面顶端,在vue的项目中配置在router/index.js中
export default new Router({
mode:'history',
scrollBehavior(to, from, savedPosition) {
return {
x: 0,
y: 0
}
},
})
在nuxt.js的项目中要在nuxt.config.js中配置
module.exports = {
router: {
scrollBehavior (to, from, savedPosition) {
return { x: 0, y: 0 }
}
}
}
2、页面跳转时打开新页面
goto(){
const { href } = this.$router.resolve({
name: "home"
});
window.open(href, '_blank');
},
3、判断是手机端还是PC端
methods:{
_isMobile() {
let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
return flag;
}
},
mounted(){
if (this._isMobile()) {
this.$router.push({path:'/home/Mrecruit'});
} else {
this.$router.push({ path:'/home'})
}
},