服务器：Nginx 面板：宝塔面板 项目打包第一步肯定是打包咯，前提是项目已开发好了以及没有啥Bug了哈npm run build打包好后，你会在项目根目录下发现多了个 .output 文件夹打开这个文件夹，将里面的所有文件压缩成压缩包压缩包格式推荐 .rar ，其它格式尤其是.zip格式可能会造成有中文名的文件的名称乱码，从而会导致项目无法正常访问上传服务器前提是你要有个云服务器，推荐安装宝塔面
转载
2024-05-07 08:27:09
1212阅读
nuxt版本：0.10.6技术栈：nuxt.js, express, pm2部署环境：windows server之前用nuxt.js 的express的模板项目在windows下用nginx进行代理访问，其实有点多余，直接用host文件就可以达到相同的效果，仅供娱乐吧，熟悉一下nginx的基本配置也是好的，其实这段时间研究nuxt.js比较多，主要还是想提高客户端访问首页更快一点。之
前端渲染：
vue、react等单页面项目应该这样子部署到服务器
貌似从前几年，前后端分离逐渐就开始流行起来，把一些渲染计算的工作抛向前端以便减轻服务端的压力，但为啥现在又开始流行在服务端渲染了呢？如vue全家桶或者react全家桶，都推荐通过服务端渲染来实现路由。搞得我们慌得不行，不禁让我想起一句话：从来没有任何一门语言的技术栈像Javascript一样，学习者拼尽全力也不让精
因为公司项目需要兼容SEO，同时我们也一直希望能够真正的实现前后端分离，于是毫不犹豫的选择了nuxt。 话说要重构前后端分离真是一个大工程，由于各种原因我们团队花了近两年时间都没有完成，最近才又重启把这个事情做起来，先搞了一个独立的小模块，我觉得主要以下两个点特别重要： 1：团队稳定且对于系统业务已经熟悉。特别是对于一个运行了几年的一个系统来说，前后端分离的工程量之大可能超乎你的想象，因为
1. 安装使用官网提供的脚手架工具 create-nuxt-app，创建一个nuxtjs项目。npx create-nuxt-app xianyun注意：在NPM版本5.2.0默认安装了npx，在命令行窗口输入npm --version可查看当前版本号 需要等待片刻安装依赖的下载，下载完成后可以看到下面的提示框，要求输入项目名称。UI框架我们选择通用的Element-ui。&n
听老大说，俺们公司以后要用Nuxt了，做服务端渲染，打算做个技术分享。所以呐……我打算提前玩一下，防止到时候听的一脸懵逼 : | 如果有幸看到这篇瞎写的文档的小伙伴，也想入门一下…… 那你就来对啦！欸嘿嘿……跟着我来踩一踩这些坑吧！ 一. 天才第一步，跟着官网输 $ npx create-nuxt-app <项目名>
nuxt学习记录项目流程图 其中以下基础配置是与我们当前开发的后台管理系统进行对标的，方便我们快速上手，方便使用1.安装 以上是本地安装所选项，具体安装所选项和安装后目录展示可以异步到这里2.项目实现本来打算学习nuxt的，刚好有个后台管理系统入口的静态页面需要实现，就简单的撸了一下，初步主要涉及到资源引入，组件，组件数据传输，整体开发方式跟vue一样，只是组件需要放到components下，页面
转载
2024-09-27 12:52:20
715阅读
在学习web前端期间常会听到Nuxt.js，那么Nuxt.js是什么？下面爱创课堂带大家了解一下。一、nuxt.jsnuxt是一个专注于ui渲染的应用框架，可以快速搭建项目，还提供了服务端渲染的功能。1. 安装直接用vue-cli安装2. nuxt推荐的项目结构assets——资源文件components——组件layouts——布局，默认default。所有页面都会加载在布局页面中的标签中。如果
零基础上手nuxt
最近抽空看了一下nuxt觉着挺有意思，于是打算写一篇文章总结，顺便说一些遇到的一些问题
官方介绍 Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染。它的优点如下： 基于 Vue.js自动代码分层服务端渲染强大的路由功能，支持异步数据静态文件服务ES6/ES7
nuxt框架的基本使用特性：基于 Vue.js自动代码分层服务端渲染强大的路由功能，支持异步数据静态文件服务ES6/ES7 语法支持打包和压缩 JS 和 CSSHTML头部标签管理本地开发支持热加载集成ESLint支持各种样式预处理器： SASS、LESS、 Stylus等等支持HTTP/2 推送安装：为了快速入门，Nuxt.js团队创建了脚手架工具 create-nuxt-app。确保安装了np
# Nuxt3 Axios实现教程
## 1. 整体流程
下面是实现"Nuxt3 axios"的整体流程：
| 步骤 | 描述 |
|---|---|
| 1 | 安装axios库 |
| 2 | 创建一个axios实例 |
| 3 | 在Nuxt3中配置axios模块 |
| 4 | 在组件中使用axios |
## 2. 具体实现步骤
### 步骤1：安装axios库
首先，你需要
原创
2023-08-23 10:01:36
1883阅读
# Nuxt3 与 jQuery 结合使用
## 简介
Nuxt.js 是一个基于 Vue.js 的通用应用框架，它可以帮助我们快速构建单页面应用程序（SPA）和静态网站。而 jQuery 是一个流行的 JavaScript 库，用于简化 HTML 文档的遍历、事件处理、动画等操作。
在本文中，我们将介绍如何在 Nuxt3 中使用 jQuery，并结合代码示例演示它的用法。
## 安装 jQ
原创
2024-02-20 04:21:05
523阅读
1.项目构建步骤1、npm install -g create-nuxt-app # 全局安装 Nuxt.js脚手架工具 create-nuxt-app
步骤2、npx create-nuxt-app <项目名> # 根据提示安装必要模块
步骤3、npm run dev #启动成功 访问路径：http://localhost:3000/根据上面三个步骤，一个基本服务端渲染vue项目
assets中的图片小于1K时，会被转换为Base-64,大于1K的则不会处理 例如：在页面中引入下面两张图片 以后会介绍两种安装方式(建议直接使用第一种) 1.使用nuxt团队提供的脚手架工具create-nuxt-app 2.自己从头到尾搭建 1.安装1.确保安装了npx(npx在NPM版本5.2.0默认安装了)
npm -v 查看当前npm版本
2.npx create-nuxt-app &
性能优化，这是面试中经常会聊到的话题。我觉得性能优化应该因具体场景而异，因不同项目而异，不同的手段不同的方案并不一定适合所有项目，当然这其中不乏一些普适的方案，比如耳熟能详的文件压缩，文件缓存，CDN，DNS 预解析，等等，但是我更希望听到的是因为不同的项目不同的需求，解决不同的问题而采取的不同的优化手段，比如 BigPipe，分段输出页面的各个部分，对于 SNS 网站是非常合适的，减少了用户的等
小聊：最近写了一个项目，需要打包部署，过程还是比较繁琐的，因为需要先配置运行环境。准备采用 pm2 管理项目运行，需要在服务器安装 pm2，而安装 pm2 的话用 npm 命令最方便，所以还要下载 node 环境。那么，就让我们一步步的完成 Nuxt3 项目上传的完整过程吧。同样是实操成功的演示，请放心阅览。开发环境是Window，部署环境是Linux。开发工具为VSCode，部署服务器为阿里云。
转载
2024-05-11 15:58:53
236阅读
nuxt的项目部署到线上环境，有多种方法，这里分享我使用的方法，一步步照着配置，就可以配置成功~ （1）项目先执行npm run build 打包好 （2）服务器安装node 和pm2依赖服务器：切换到希望安装这两个依赖的目录下，依赖可以用于多个node项目，这里我新建了node_project文件夹安装 node: 第一步下载：curl -O https://nodejs.o
转载
2024-05-24 22:12:31
89阅读
在本文中，我将向你介绍如何使用Nuxt.js 3创建一个开源项目。Nuxt.js是一个基于Vue.js的开源框架，可以帮助你快速搭建Vue应用程序。
首先，让我们来看一下整个实现"Nuxt3 开源项目"的流程：
| 步骤 | 操作 |
| --- | --- |
| 1 | 创建一个新的Nuxt.js 3项目 |
| 2 | 编写代码并提交到GitHub |
| 3 | 将项目发布到NPM |
原创
2024-05-07 10:53:45
361阅读
1.性能分析 network分析 Lighthouse分析 利用浏览器的Lighthouse工具不仅能够了解到首屏渲染速度等信息，并还能提供相应优化建议
原创
精选
2023-11-30 13:56:37
2313阅读
# Nuxt3 安装 MySQL
MySQL 是一个流行的关系型数据库管理系统，用于存储和管理数据。在开发网站和应用程序时，通常会使用 MySQL 来存储用户信息、文章内容等数据。本文将介绍如何在 Nuxt3 项目中安装 MySQL，并进行连接和操作。
## 步骤
### 1. 安装 MySQL
首先，我们需要在本地计算机上安装 MySQL 数据库。可以到 MySQL 官网下载对应的安装包
原创
2024-04-20 07:03:18
449阅读
