搜索结果
查询Tags标签: nuxt,共有 27条记录-
Vue.js最佳静态站点生成器对比
在过去的几年中,Vue.js 已成为 Web 应用程序开发的流行选项。用户变多后,这个框架开始将触角伸向了静态站点生成,一个曾经由 React 统治的领域。 就像 React 这边的 Gatsby 和 NextJS 一样,Vue.js 这边支持静态网站生成的框架也有不少。但考虑到它们提供的众多功能,想…
2022/7/21 6:24:43 人评论 次浏览 -
linux部署vue或nuxt
1、如果是vue 运行npm run build 如果是nuxt 运行 npm run generate打包dist 到根目录2、在linux安装nginx进行映射3、nginx.conf配置server {listen 8099;#listen somename:8080;server_name localhost;#需注意 /api 要放到 /前面location /api/{proxy…
2022/7/9 5:20:33 人评论 次浏览 -
为什么使用Nuxt.js?
Why Nuxt.js? Nuxt.js利用Vue.js开发SSR应用的一站式解决方案,是一个基于Vue.js的通用应用框架。 服务端渲染 首先我们讲清楚服务端渲染(SSR) 与 静态站点生成(SSG) 的区别。我们可以在浏览器里直接输出Vue的组件,然后利用其js来生成和操作用户端展示的DOM,这就是…
2022/4/14 23:18:28 人评论 次浏览 -
nuxt生产环境报错:Failed to execute 'appendChild' on 'Node': This node type does not su
初次用nuxt,发现它的坑还真不少,一个坑能坑你很久,这里我给大家做一个汇总 今天在打包测试环境的时候发现启动项目,浏览器里报标题所示的错误,乍一看,不知所措,就开始找原因,你会发现,在本地开发的时候同样也有报错 这里还给你列出了出问题的父级和子级元素,看起…
2022/3/21 9:27:53 人评论 次浏览 -
nuxt.js自定义模版
最近做项目需要考虑网站的响应式,组件化以及seo优化,所以最后定型用nuxt.js去搞起~~ 一开始对这个框架不是很熟悉,虽然是基于vue语法,但是我一开始就踩了一个坑,按照官网流程去进行项目的安装之后,npm run dev直接就可以启动项目,由于网站有公共头部,所以我去看…
2022/3/6 6:17:56 人评论 次浏览 -
Nuxt 填坑集合(面向实际开发解决方案)
前言 在 nuxt 开发的过程中,遇到了一些坑,通过官方文档和面向百度式的学习,这些坑得到了解决,最后将这些坑的解决方式记录下来。无需全文阅读,直接阅读需求内容即可。「后续还会更新nuxt相关的坑,并欢迎指正」 样式分类 当页面结构足够复杂时,template、srcitp、st…
2022/2/14 6:14:01 人评论 次浏览 -
nuxt 开发中遇到的坑一之nuxt初印象
一 . 为什么会用到nuxt框架技术 对于nuxt技术,我一直是有所耳闻的,直到最近,因为公司的项目需要,才真正的去使用它。 契机是公司新规划一个项目, 需要做 SEO, 在技术选型的时候,综合下当下公司的技术栈体系以及开发模式,最终决定使用 nuxt技术。 在需要进行 SEO 的…
2021/6/17 19:02:47 人评论 次浏览 -
Nuxt项目分环境打包
1.安装cross-env npm install --save-dev cross-env 2.根目录新建env.js module.exports={dev:{MODE:devlopment,ENV_API:http://xxx/,OTHER_URL:"xxx"},test:{MODE:test,ENV_API:http://xxx,OTHER_URL:"xxx"},pro:{MODE:production,ENV_API:http://x…
2021/5/25 18:46:01 人评论 次浏览 -
NUXT项目部署服务器(nginx服务器,pm2线程守护)
目录一:部署到服务器上二:Nginx三:pm2进程管理一:部署到服务器上前提:nuxt是基于nodejs运行的,安装node是第一步,因此确保已经安装 Node.js (1)nuxt项目打包 详细请移步nuxt官网 第一步、在本地 npm run build,会在.nuxt文件夹下生成dist文件;第二步、把本地文件的.nu…
2021/5/21 7:28:59 人评论 次浏览 -
Nuxt服务端请求及获取Cookie
介绍nuxt.js是基于Vue的应用框架,它预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。它提供了一个asyncData方法可用于在服务端里异步的获取数据,它可以在页面组件每次加载前被调用。 使用这里使用的是typescript的方式,asyncData方法获取到数据后会填充到da…
2021/5/7 18:27:03 人评论 次浏览 -
Nuxt服务端请求及获取Cookie
介绍nuxt.js是基于Vue的应用框架,它预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。它提供了一个asyncData方法可用于在服务端里异步的获取数据,它可以在页面组件每次加载前被调用。 使用这里使用的是typescript的方式,asyncData方法获取到数据后会填充到da…
2021/5/7 18:27:02 人评论 次浏览 -
nuxt+axios解决前后端分离SSR的示例代码
这篇文章主要介绍了nuxt+axios解决前后端分离SSR的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
2019/6/27 20:36:16 人评论 次浏览 -
Vue基于NUXT的SSR详解
这篇文章主要介绍了Vue基于NUXT的SSR详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
2019/6/27 20:36:16 人评论 次浏览 -
详解基于 Nuxt 的 Vue.js 服务端渲染实践
这篇文章主要介绍了详解基于 Nuxt 的 Vue.js 服务端渲染实践,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
2019/6/27 20:36:15 人评论 次浏览 -
Vue.js通用应用框架-Nuxt.js的上手教程
本篇文章主要介绍了Vue.js通用应用框架-Nuxt.js的上手教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
2019/6/27 20:29:59 人评论 次浏览