说在前面的话vue.js开发的SPA是不利于seo的，搜索引擎对它支持的并不是太好，百度根本就不可以在SPA应用的页面抓取数据，这对很看重seo优化的网站来说肯定是不能容忍的。而使用nuxt开发的网站就可以让爬虫爬取，而且它是基于vue.js开发的服务端渲染应用框架，上手极快，大大的简化了SSR的开发难度。本机环境和部署环境操作系统：Windows10、centos7nodejs：v13.0.1n
转载
2024-08-15 11:21:18
595阅读
什么是服务端渲染前端渲染流程：前端请求服务器，把html文件以资源的形式返回前端，浏览器拿到html文件解析。 服务器渲染：返回html之前，会先将一些数据填充好到特定区域后再返回给前端，在SPA场景下，服务端渲染都是针对第一次get请求，它会完整的html给浏览器，浏览器直接渲染出首屏，用不着浏览器端多一个AJAX请求去获取数据再渲染。前端渲染流程：客户端第一次请求服务器，服务器返回一个空壳的h
背景 新入职公司还处于交接中，最近一个海外的官网其他同事更新之后出现访问超时问题，部分超大的js下载不下来的问题，就尝试着想要优化一下。项目结构是 NUXT2.0+ Element UI，使用 NUXT的主要原因还是为了SEO优化，Vue在SEO上是弱项过程打算使用webpack打包 翻了翻NUXT的文档 发现这家伙其实还是基于Webpack打包的，于是乎就想和普通的VUE项目一般
转载
2024-09-25 12:20:30
45阅读
前言： 因为nuxt项目是运行在于服务器端的项目，所以就必须启动对应的服务才能访问到网站，就类似与我们本地开发的时候使用终端命令行执行npm run dev一样，使用过npm run dev的童鞋都知道如果在运行中的时候讲命令行工具关闭或者结束进程，咱们的网站就访问不了了，同样在服务器端也存在这种问题，比如服务器进程中断了，都会导致网站无法访问，所以这个时候咱们就需要使用pm2来做一个进程守护，具
转载
2024-09-17 12:32:23
63阅读
众所周知，Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案。 服务端渲染 (SSR) 就是常用的一种。 SSR 有利于 搜索引擎优化(SEO, Search Engine Optimization) ，并且 内容到达时间(time-to-content) （或称之为首屏渲染时长）也有很大的优化空间。Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建 服务端渲染 (
转载
2024-10-28 21:35:52
9阅读
零、跳过单元测试<!-- 跳过单元测试 -->
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId&
转载
2023-09-01 10:42:38
142阅读
# 用 Docker 打包 HTML 网页发布的完整指南
在现代软件开发中，使用 Docker 来打包和部署应用变得越来越流行。本文将引导你如何将一个简单的 HTML 网页打包到 Docker 中并发布。下面是整个流程的概述，接着我们会详细说明每个步骤。
## 整体流程
| 步骤 | 操作 |
|------|-------------------
因为公司项目需要兼容SEO，同时我们也一直希望能够真正的实现前后端分离，于是毫不犹豫的选择了nuxt。 话说要重构前后端分离真是一个大工程，由于各种原因我们团队花了近两年时间都没有完成，最近才又重启把这个事情做起来，先搞了一个独立的小模块，我觉得主要以下两个点特别重要： 1：团队稳定且对于系统业务已经熟悉。特别是对于一个运行了几年的一个系统来说，前后端分离的工程量之大可能超乎你的想象，因为
# 使用 Jenkins 打包 VUE 项目并发布到 Docker 的指南
在现代开发中，使用 CI/CD 工具来自动化构建和部署是提高开发效率的关键。本文将指导你如何使用 Jenkins 打包一个 VUE 项目，并将其发布到 Docker 容器中。下面是整个流程的概览。
## 流程概览
| 步骤 | 描述 |
|------|------|
| 1 | 安装并配置 Jenkins |
前言本篇文章引导你使用Jenkins部署SpringBoot项目,同时使用Docker和Git实现简单的持续集成和持续部署。（项目地址：sso-merryyou）流程图如下：
push代码到Github触发WebHook。（因网络原因，本篇使用gitee）
Jenkins从仓库拉去代码
mavem构建项目代码静态分析单元测试
build镜像
push镜像到镜像仓库（本篇使用的镜像仓库为网易镜像仓库
功能:将编译的基础环境,编译构建通过dockerfile一步完成(目的是将git下载的代码编译并将生成的目录同步到宿主机)思路:git上不同的分支和包名定义成变量,将一个shell放入dockerfile中,shell中的变量通过env定义的环境变量来赋值,而定义的环境变量的值dockerfile中为空,通过docker run运行时来赋值;可能很多人会问这样不是复杂化了,本人刚开始动手时也并没有
转载
2023-06-12 12:20:28
238阅读
在学习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阅读
# Docker 打包与发布：一键部署的魔法
在当今快速发展的软件开发领域，Docker 已经成为了一种流行的容器化技术，它允许开发者将应用及其依赖打包到一个轻量级、可移植的容器中，实现快速部署和运行。本文将详细介绍 Docker 的打包与发布流程，并通过代码示例和图表，帮助读者更好地理解这一技术。
## Docker 简介
Docker 是一个开源的应用容器引擎，它允许开发者将应用和其依赖
原创
2024-07-29 07:27:11
34阅读
之前做的都是docker中的jenkins部署boot项目 现在公司的项目是在docker中跑的 python项目 不需要打包了 需要jenkins来部署docker及传输代码至docker中基本上都是围绕这Dockerfile来转！系统：Ubuntu 18.4 docker 及 jenkins等DevOps工具已有一：创建Dockerfile（文后
转载
2024-07-05 11:40:31
96阅读
Jenkins 是目前最常用的持续集成工具，拥有近50%的市场份额，他还是很多技术团队的第一个使用的自动化工具。由此可见他的重要性！这份Jenkins宝典从入门介绍到结合Docker+SpringCloud+Kubernetes，打通一条龙技术讲解，简直不要太好用！理论解析言简意赅，每一步操作都有图片展示。这么好的东西肯定不能私藏，我现在将这份笔记赠送给大家，祝大家前程似锦，Offer不断！持续集
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 &
【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 注意： 想
# Docker 编译打包发布
## 什么是 Docker？
Docker 是一个开源的项目，它使得开发者能够将应用程序及其依赖项打包到一个被称为容器的轻量级、可移植的环境中。这个容器可以在任何平台上运行，并且具有相同的行为和性能。
容器是一个独立于操作系统的、轻量级的运行环境。Docker 将应用程序和它所需要的依赖项打包到一个容器中，然后这个容器可以在任何支持 Docker 的系统上运行
原创
2024-01-08 12:07:25
38阅读
## 实现"graalvm docker打包发布"教程
### 整体流程
首先，我们来整体了解一下实现"graalvm docker打包发布"的流程。以下是整个流程的步骤表格：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 安装GraalVM |
| 2 | 编写Java应用 |
| 3 | 使用GraalVM编译Java应用 |
| 4 | 编写Dockerfile
原创
2024-03-16 04:44:35
260阅读
