什么是服务端渲染前端渲染流程：前端请求服务器，把html文件以资源的形式返回前端，浏览器拿到html文件解析。 服务器渲染：返回html之前，会先将一些数据填充好到特定区域后再返回给前端，在SPA场景下，服务端渲染都是针对第一次get请求，它会完整的html给浏览器，浏览器直接渲染出首屏，用不着浏览器端多一个AJAX请求去获取数据再渲染。前端渲染流程：客户端第一次请求服务器，服务器返回一个空壳的h
前言： 因为nuxt项目是运行在于服务器端的项目，所以就必须启动对应的服务才能访问到网站，就类似与我们本地开发的时候使用终端命令行执行npm run dev一样，使用过npm run dev的童鞋都知道如果在运行中的时候讲命令行工具关闭或者结束进程，咱们的网站就访问不了了，同样在服务器端也存在这种问题，比如服务器进程中断了，都会导致网站无法访问，所以这个时候咱们就需要使用pm2来做一个进程守护，具
转载
2024-09-17 12:32:23
63阅读
说在前面的话vue.js开发的SPA是不利于seo的，搜索引擎对它支持的并不是太好，百度根本就不可以在SPA应用的页面抓取数据，这对很看重seo优化的网站来说肯定是不能容忍的。而使用nuxt开发的网站就可以让爬虫爬取，而且它是基于vue.js开发的服务端渲染应用框架，上手极快，大大的简化了SSR的开发难度。本机环境和部署环境操作系统：Windows10、centos7nodejs：v13.0.1n
转载
2024-08-15 11:21:18
595阅读
背景 新入职公司还处于交接中，最近一个海外的官网其他同事更新之后出现访问超时问题，部分超大的js下载不下来的问题，就尝试着想要优化一下。项目结构是 NUXT2.0+ Element UI，使用 NUXT的主要原因还是为了SEO优化，Vue在SEO上是弱项过程打算使用webpack打包 翻了翻NUXT的文档 发现这家伙其实还是基于Webpack打包的，于是乎就想和普通的VUE项目一般
转载
2024-09-25 12:20:30
45阅读
Nuxt部署到Docker1 复制项目到服务器首先在Nuxt项目中，执行以下命令npm run build执行后整个项目目录为 进入服务器，在root目录下，创建nuxt文件夹mkdir nuxt把上面的所有文件，除了.idea、node_modules、package-lock.json之外，全部复制到nuxt文件夹下 在上面的图片中会看到有两个之前没有的文件，docker-compose.ym
转载
2024-03-16 14:59:38
251阅读
目录一，在NuGet上创建并获取API Keys1.首先需用登录，直接用微软账户登录即可2.点击右上角菜单API Keys，创建Key3.填写信息4.获取Key二，创建项目1.创建项目2.生成dll3.建立发布文件夹三，上传NuGet1.使用命令行上传2.使用NuGet Package Explorer发布四，NuGet包的管理1.管理包2.删除一，在NuGet上创建并获取API Keys1.首先
nuxt 是vue 版的next ，实现的功能还是很方便的，对于需要开发性能要求比较高的web app 是一个很不错的选择 备注： 项目很简单，使用docker && docker-compose 运行，同时对于静态页面的处理使用了 docker 的多阶段处理，通过nginx 提供服务，服务端的运行
原创
2021-07-19 15:39:34
600阅读
nuxt打包等注意事项
转载
2021-07-23 14:54:00
951阅读
2评论
如何使用Docker部署Nginx+Vue项目1.安装Docker 首先下载并安装Docker，大家可以去官网自行下载安装包，我这里是Windows下的Docker。 下载地址：https://www.docker.com/products/docker-desktop 下载好之后如下图进行配置一下镜像仓库，这样下载会快一些。大家可以去阿里云上使用阿里的镜像加速服务，将地址填写到Docker配置中
转载
2024-08-12 09:29:13
45阅读
因为公司项目需要兼容SEO，同时我们也一直希望能够真正的实现前后端分离，于是毫不犹豫的选择了nuxt。 话说要重构前后端分离真是一个大工程，由于各种原因我们团队花了近两年时间都没有完成，最近才又重启把这个事情做起来，先搞了一个独立的小模块，我觉得主要以下两个点特别重要： 1：团队稳定且对于系统业务已经熟悉。特别是对于一个运行了几年的一个系统来说，前后端分离的工程量之大可能超乎你的想象，因为
vue项目处理seo问题目前主流的方案有两种 一： 预渲染 prerender-spa-plugin 相关链接附上、 本人也亲测过该种方案，确实能优化seo，能生成相应自己配置的静态文件。但是该方案不是seo问题的最优方案。推荐nuxt，利用ssr来处理seo问题。 二：nuxt.js 官网：https://www.nuxtjs.cn/guide 关于ssr不做过多介绍，自行百度。nuxt是一套基
转载
2024-05-28 21:22:50
209阅读
Linux系统端配置1、安装docker，此过程略。附上在阿里云服务器上部署docker和docker-compose的链接：如何部署并使用Docker_云服务器 ECS-阿里云帮助中心 (aliyun.com)2、安装完docker后，随便找一个目录（本例的路径是/ocos/docker/cert，也可以选其他的路径，下面要用）创建安全连接docker所需的证书文件，执行如下脚本即可。#Dock
转载
2024-09-28 19:48:02
179阅读
一、概述vue项目可以打一个dist静态资源包，直接使用Nginx发布即可。但是nuxt项目无法像vue那样，可以打一个dist静态资源包。需要安装Node.js，并使用npm install 安装依赖包才行。 现在由于要上docker，需要将nuxt项目和nojs.js依赖包打成一个镜像才行。 二、封装docker镜像目录结构在服务器新建目录/data/nuxt_web/，目
转载
2024-01-02 12:38:26
871阅读
Nuxt3是基于Vue3的一个开发框架，基于服务器端渲染SSR，可以更加方便的用于Vue的SEO优化。Nuxt 3.0 新特性包括：更轻量：以现代浏览器为目标的服务器部署和客户端产物最多可缩小 75 倍更快：基于 nitro 提供动态代码分割能力，以优化冷启动性能Hybrid：增量静态生成和其他的高级功能现在都成为可能Suspense：在任意组件和导航前后都可以获取数据Composit
转载
2024-01-30 02:59:10
251阅读
nuxt脚手架开发好项目后怎么打包 以下是脚手架的package.json部分代码 "scripts": { "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server", "build": "nuxt ...
转载
2021-09-06 09:05:00
724阅读
2评论
在学习web前端期间常会听到Nuxt.js，那么Nuxt.js是什么？下面爱创课堂带大家了解一下。一、nuxt.jsnuxt是一个专注于ui渲染的应用框架，可以快速搭建项目，还提供了服务端渲染的功能。1. 安装直接用vue-cli安装2. nuxt推荐的项目结构assets——资源文件components——组件layouts——布局，默认default。所有页面都会加载在布局页面中的标签中。如果
nuxt有两种打包方式nuxt.config.js文件需要对不同打包方式进行配置target: 'server', //build打包用server
原创
2022-07-06 19:11:35
2040阅读
年中总结，用Nuxt.js写了几个月的项目终于修修改改要上线了，不容易啊。文章会先从为什么使用Nuxt.js进行切入，再讨论在使用过程中遇到的问题跟解决的方法。正文1、为什么要使Nuxt.js?在网站需要SEO的时候，前端的开发流程大致分为：会套后台模板跟不会套后台模板分成两种。不会套模板就很麻烦，每次写完页面交给后台去套，套完前端还要去检查样式是不是原来的样子，有没有变，再来接接口，
【nuxt】服务器渲染部署步骤及【nginx】 反向代理创建文件目录mkdir -p /home/upload/unit进入文件目录cd /home/upload/unit下载nodeJSwget https://nodejs.org/dist/v8.9.1/node-v8.9.1-linux-x64.tar.gz 注意： 想
PM2+Linux部署nuxt.js开始我使用了docker部署我的springboot项目，链接在这里，因为我是前后端分离项目，前端使用的nuxt.js框架，所以需要另外部署一下项目，以下是部署流程1.将本地的nuxt项目打包npm run build
#生成的dist在.nuxt文件夹中2.部署linux服务器环境1.将.nuxt，static，nuxt.config.js，package.j
转载
2023-12-12 22:51:12
224阅读
