密尔克卫官网

我要开发同款
丁晚生2024年05月17日
40阅读
开发技术axios、vuejavascript
所属分类ssr、tailwind、seo

作品详情

官网项目使用 nuxt2、vue 2和 tailwind 构建,使用i18n插件实现多语言,使用 nuxt-link 组件代替函数跳转页面,以便于网站更 好的被搜索引擎收录。通过函数 getLocaleCookie和 setLocaleCookie在 cookie 上添加当前语言字段,同时和后端约定,来实现 不同语言接口返回不同的内容。通过 nuxt的 asyncdata 生命周期请求页面的数据后,return 一个对象,此对象数据会合并到 data中,由于 nuxt的 asyncdata 生命周期处于 vue 生命周期之前,所以此时的数据会被直接渲染到页面,方便实现服务端渲 染。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论