目录一、Nuxt安装与运行二、IP端口冲突与解决三、使用终端查看某个端口号对应的进程和杀死进程四、端口/IP端口配置1、在[package.json]文件中配置2、在[server.index]文件中配置五、下载安装Demo1、下载地址2、npm安装3、运行[WebStorm]的配置六、补充 一、Nuxt安装与运行作为一个使用Nuxt开发的新手，在配置IP端口访问之前，先回顾一下Nuxt的快速安
转载
2023-12-20 17:23:27
368阅读
最开始了解到Nuxt是在vue SSR下了解到，用过之后感觉真香。 可以省去路由划分的时间，Nuxt.js 会读取该目录下所有的 .vue 文件并自动生成对应的路由配置、进一步封装Vuex等等。下面来介绍 如何将Nuxt部署到静态托管上？是云端一体化的后端云服务 ，采用 serverless 架构，免去了移动应用构建中繁琐的服务器搭建和运维。同时云开发提供的静态托管、命令行工具（CLI）、Flut
为什么用nuxtjs什么配置什么渲染那些不管，个人感觉会使用它最主要的原因是良好的SEO，对需要搜索引擎提供流量的项目很友好(比如：官网、新闻、博客、电影、咨询等)。nuxt部署流程1. 服务器安装node环境1.1 下载传送门我这里选择比较稳定的14版本*(注意：不要下载arm64那个版本的，那个不行) 1.2 找个地方新建一个文件夹，用于上传node文件1.3 解压文件 t
转载
2024-06-21 14:49:28
79阅读
在使用 Nuxt.js 开发应用时，常常需要通过 Axios 发起 API 请求来获取数据。本文将详细记录如何在 Nuxt 中使用 Axios 请求，涵盖背景协议、抓包方法、报文结构、交互过程、字段解析及工具链集成的实现过程。
## 协议背景
随着 Web 应用的日益普及，前后端分离的架构成为了主流。而 Axios 作为一个基于 Promise 的 HTTP 客户端，因其简单易用而得到广泛应用
本文会讲解决Nuxt首页加载慢、Nuxt的速度优化、Nuxt的性能优化、Nuxt的加载优化、Nuxt的首页加载优化、Nuxt的白屏优化、Nuxt的打包优化等集合。优化前优化后这里我总结一下关于我博客的优化，如何提升这么多的。1.按需引入UI框架，我这里使用的是Element-UI先安装依赖（按需引入才需要）npm i babel-plugin-component
// or
yarn add ba
转载
2024-05-17 15:55:38
202阅读
小聊：最近写了一个项目，需要打包部署，过程还是比较繁琐的，因为需要先配置运行环境。准备采用 pm2 管理项目运行，需要在服务器安装 pm2，而安装 pm2 的话用 npm 命令最方便，所以还要下载 node 环境。那么，就让我们一步步的完成 Nuxt3 项目上传的完整过程吧。同样是实操成功的演示，请放心阅览。开发环境是Window，部署环境是Linux。开发工具为VSCode，部署服务器为阿里云。
转载
2024-05-11 15:58:53
236阅读
在现代前端开发中，Nuxt.js 和 Axios 的结合使用可以大幅提升我们的应用性能与用户体验。不过，很多开发者在将这两者结合时常遇到困惑。本篇博文将详细介绍如何在 Nuxt.js 中使用 Axios，包含问题背景、错误现象、根因分析、解决方案等多个方面，确保每个开发者都能轻松上手。
### 问题背景
在当前的前端开发环境中，API 调用的频率和复杂度不断上升。对于一个电商平台，每次用户查看
前言哈喽大家周五好，又是一个开开心心的周五了，接下来就是三天小团圆啦，这里先祝大家节日快乐咯，希望都没有加班哈哈，今天公司发了月饼，嗯~时间来不及了，上周应该搞个活动抽中几个粉丝发月饼的，下次吧，这里先预告一下，圣诞节活动，给粉丝送苹果吧哈哈，不过听起来好 low 呀，大家有好的想法可以下边评论或者来群里一起交流哟~说接上文，昨天咱们第一次的接触到了一个新的框架 Nuxt《二七║ Nuxt 基础：
转载
2024-08-13 11:26:46
124阅读
注：如果服务器已经安装了node可以直接进行步骤3，如果没有安装从步骤1开始，步骤2可用可不用，推荐使用方便管理node版本。安装node（这个地方最好是安装和你本地的node版本一致）遇坑：我默认下载的最新版本为v18.14.2，最后安装依赖时报错（node版本太高，当前项目的依赖版本太低）。1.1、进入服务器目录cd /usr/local/src/
cd /usr/local/src/1.2、
转载
2023-12-10 11:33:50
378阅读
Nuxt.js 是一个基于 Vue.js 的通用应用框架，它提供了一种简单的方式来创建服务器渲染的 Vue 应用。Nuxt.js 的最新版本 Nuxt3 为我们提供了更强大和灵活的功能，其中包括与后端服务通信的能力。在本文中，我们将了解如何在 Nuxt3 中使用 axios 库来进行网络请求。
## 什么是 axios？
axios 是一个基于 Promise 的 HTTP 客户端，可以用于浏
原创
2023-09-03 10:20:56
3584阅读
1 基础文档NuxtJS官方文档Vue SSR 指南nuxt/i18n2 对Nuxt的基本认知2.1 Nuxt是什么Next.js，一个 React 的服务端渲染应用框架。Nuxt.js，与 Next.js 异曲同工，一个基于 Vue.js 的服务端渲染应用框架。 是一个灵活的应用框架，可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.js。Nuxt.js 为
转载
2024-09-10 22:30:28
37阅读
1.科普Nuxt是一个基于vue.js的应用框架，可以做到服务器端渲染，解决vue动态生成页面，难以SEO优化的难题。详情我这里不赘述了。想要了解的可以查看这里，Nuxt教程PM2是一个进程管理工具，用于启动、维护Node的应用程序。非常好用。关于PM2是什么的，可以查看这里，PM2教程2.Nuxt部署的弊端官方文档提供了3种部署方法。想要了解更多的，请查看这里，Nuxt部署服务端渲染应用部署静态
nuxt打包项目有两种方式：一个是npm run generate, 另一个是npm run build。两种的区别是generate是生成一系列的静态页面，该页面的内容在打包的时候就已经注定了，即使某些有请求接口的数据变了，页面也不会变，所以该种方式适合一些内容不怎么改变的页面。而目前我现在做的项目有一些资讯模块，需要随时更新，所以使用build方式进行打包部署build：(pm2+nginx的
转载
2023-11-27 21:57:39
154阅读
在开发应用时，经常会用到一些公用的元素/在每个页面中都有的元素，比如网页的标题是一样的，每个页面都是一模一样的标题。这时候我们有两种方法，第一种方法是作一个公用的组件出来，第二种方法是修改默认模板。这两种方法各有利弊，比如公用组件更加灵活，但是每次都需要自己手动引入；模板比较方便，但是只能每个页面都引入。默认模板Nuxt为我们提供了超简单的默认模板定制方法，只要在根目录下创建一个app.html就
转载
2024-08-01 11:35:47
187阅读
说明 基于 NuxtJS， 面向有 vue-cli 开发经验的宝宝。 目录 Nuxt官方文档简单来说，Nuxt就是基于Vue的一个应用框架，采用服务端渲染，让你的SPA应用(Vue)也可以拥有SEO 生命周期众所周知，Vue 的生命周期全都跑在客户端（浏览器），而 Nuxt 的生命周期有些在服务端（Node），客户端，甚至两边都在：生命周期流程图，红框内的是Nu
转载
2024-08-21 11:39:52
142阅读
Nuxt.js是一个基于Vue.js的通用应用架构, 它预设了服务端渲染(SSR, Server Side Render)应用所需要的相关配置, 同时也支持生成静态站点.1_EWDEUt0fqsmRgpYGFOOMew.png1. 背景 & Nuxt简介Nuxt 其一目的是为了解决单页面应用的SEO问题, 相比于我们平常的SPA页面. 在搜索引擎中由于无法从网页中被抓
多数基于webpack构建的项目，编译出来的html文件，资源文件都被打包到js中，这样的页面不利于seo 搜索引擎优化（Search Engine Optimization）冰爷内容到达时间（time-to-content，或者称之为首屏渲染时长），也有很大的优化空间，引入Nuxt.js框架。一、Nuxt简介 Nuxt.js是一个基于Vue.j
转载
2023-12-14 12:36:38
122阅读
1.Nuxt.js 是什么？Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的UI渲染。 其目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.js。2. Nuxt.js 框架是如何运作的？Nuxt.js 集成了以下组件/框架，用于开发完整而强大的
转载
2024-06-24 14:28:56
40阅读
当 nuxt 项目在生产环境运行时，如果服务端运行出错，比如 asyncData 方中出错时候，会抛出如下错误页面：虽然官网提供了一个新增 /layouts/error.vue 页面组件的方法自定义错误页面。但是此错误页面仅用于浏览器端错误抛出时候使用，比如代码在浏览器端报错时候会进入此页面，服务端报错还是会进入上面截图所示的
转载
2024-01-03 22:43:13
217阅读
使用感想最近有个项目需要用到SEO，不想使用jquery；做了一番思想斗争后决定使用nuxt来处理，上手非常简单，使用起来基本来Vue中的SPA项目一样；鉴于官方文档需要讲解的配置参数过多，可能会看起来很复杂，实际上只要了解下面几点就能正常开发了什么是服务器端渲染 (SSR)？Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。
转载
2024-05-24 23:50:41
52阅读
