随笔分类 - SSR
服务端渲染
摘要:在开发nuxt项目的时候,我们难免会使用到document来获取dom元素。如果直接在文件中使用就会报错。这是因为document是浏览器端的东西服务端并没有。 解决方法: 我们只需要在使用的地方通过process.browser/process.server来判断 如下:
阅读全文
摘要:nuxt.config.js中配置如上(有cdn的情况下适合使用这种方式) 如果没有也可以使用如下方案: 首先安装jquery 需要用到webpack,如果没有需要安装,nxut.config.js中的配置如下:
阅读全文
摘要:nuxt.js的项目由于是服务端渲染,通过js动态调整不同尺寸设备的根字体这种rem方案存在一种缺陷。由于设置字体的代码不能做服务端渲染,导致服务端返回的代码一开始没有相应的跟字体,直到与前端代码进行合并根字体改变,这就造成我们的应用初始状态会根据两种根字体改变尺寸,体验很不好。 于是采用服务端可以
阅读全文
摘要:一、实现步骤 1、安装vue-i18n并且创建store.js(vuex状态管理)文件 2、创建一个(middleware)中间件,用来管理不同的语言 3、创建不同语言的json文件作为语言包(例如: ~locales/en.json) 4、在pages文件夹下创建文件,并进行翻译 二、详细步骤 1
阅读全文
摘要:一、创建项目 1、使用如下命令生成项目 2、进入到项目根目录下,使用npm install 安装依赖 3、npm run dev 在开发环境下运行项目 二、修改项目的host 和 port 在package.json文件中新增如下代码: "config": { "nuxt": { "host": "
阅读全文

浙公网安备 33010602011771号