文章目录1.编译打包2.准备部署2.1.跟随SpringBoot项目一同部署2.2.在nginx上部署2.2.1.安装nginx2.2.2.修改配置文件2.2.3.将项目移动到root对应的文件夹2.2.4.启动/重启nginx以开启项目2.2.5.服务器配置安全组(防火墙)2.2.6.访问 1.编译打包代码编写完毕后，在终端输入vue ui随后就会在项目中生成dist文件夹有的项目经过一些配置
转载
2023-11-24 01:09:03
275阅读
本文将带大家从一台全新的 CentOS 服务器开始，部署一套完整的前后端分离项目。操作步骤非常详细，新手友好型文章~
后端技术栈：Spring Cloud 微服务架构 + Redis + RabbitMQ + MySQL；
前端技术栈：Vue + ElementUI；
部
转载
2023-08-23 15:48:51
456阅读
linux中vue+npm+nginx+gitee+jenkins
# 使用 Docker 部署 Vue 3 应用程序
在当今的软件开发环境中，Docker 已成为一种流行的容器化技术，使得打包、分发和部署应用程序变得简单高效。与 Vue 3 结合使用时，Docker 可以让我们更轻松地管理开发和生产环境。本文将介绍如何使用 Docker 部署 Vue 3 应用程序，并提供代码示例、ER 图和饼状图来帮助您更好地理解这一过程。
## Vue 3 简介
Vue
最近工作上的事情，领导让用VUE写个前端出来，由于部门的人大多负责后台，前端的大多数事务，就直接包到我头上来了。估计后续我VUE写完，也没人负责把网页部署到服务器上，那么咋办，只能自己来了。对于服务器来说，可以说是一个小白了。可以说什么都是从0开始。这篇文章不说VUE怎么怎么写，1、购买腾讯云免费服务器买了服务器之后，登录服务器之后，发现是CentOS，就是一片黑，只能输入命令行，咱也不懂咱也不敢
目录前言1、先在package.json文件中添加：2、在项目目录下建立 .env文件和.env.test文件2.1、.env文件2.2、.env.test文件2.3、在vue.config.js文件中添加：3、配置api变量3.1、配置axios的baseURL路径3.2、自己拼接的路径4、.env知识点补充4.1，关于文件名：必须以如下方式命名，不要乱起名，也无需专门手动控制加载哪个文件4.
在weblogic中部署项目通常有三种方式：第一，在控制台中安装部署；第二，将部署包放在domain域中autodeploy目录下部署；第三，使用域中配置文件config.xml 进行项目的部署。 控制台部署 1 启动weblogic服务，登录到weblogic控制台页面，输入用户名和密码，登录到控制台里面 2 点击左侧的部署 3&n
转载
2024-01-01 20:31:46
224阅读
引言：Vue.js 是一种流行的前端框架，而 Nginx 是一款高性能的 Web 服务器。将 Vue 前端项目成功部署到 Nginx 服务器上，可以为用户提供快速可靠的访问体验。本文将介绍如何在 Linux 环境下实践将 Vue 前端项目部署到 Nginx 服务器的步骤。前提条件在开始之前，确保你已经满足以下前提条件：你已经在本地开发环境中创建和测试了 Vue 前端项目。你已经在 Linux 服务
转载
2024-07-04 06:26:49
817阅读
# 从零开始：在 Vue 3 项目中使用 Docker 的完整指南
近几年，Docker 已经在开发和部署阶段成为了一个不可或缺的工具。使用 Docker 可以方便地将你的应用与其运行环境打包在一起，从而保证环境的一致性。在这篇文章中，我们将通过一个实例来教你如何将一个 Vue 3 项目转换成 Docker 镜像并运行。
## 流程概览
在开始之前，让我们先了解一下完整的流程。下面的表格展示
当我们项目初始化后，没有了以前熟悉的 build 目录，也就没有了 webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置文件，可能一时会觉得无从下手，其实是vue-cli3在我们项目初始化的时候，就已经帮我们初始化好了，我们需要做的，只需在vue.config.js文件中加上所需要的配置，其实是变得更加简单
# 使用 Jenkins 和 Docker 构建 Vue 3 应用
在现代软件开发中，持续集成和持续部署（CI/CD）是非常重要的实践。本文将介绍如何使用 Jenkins 和 Docker 来构建和部署一个 Vue 3 应用。下面的表格展示了整个流程的步骤：
| 步骤 | 描述 |
|------|------|
| 1 | 安装 Docker 和 Jenkins |
| 2 |
原创
2024-08-13 07:53:32
154阅读
Vue项目webpack打包部署到服务器这篇博文主要说的就是我今天遇到的问题，而且在经过我的询问，好多人在打包部署的时候都遇到了一些问题，下面就来说下，如何将Vue项目放置在服务器上，这里以Tomcat为例。必须要配置的就是/config/index.js在vue-cli webpack的模板下的/config/index.js，我们可以看到assetsPublicPath这个键，并且这个东西还出
转载
2024-01-28 01:49:22
238阅读
# 如何发布vue3移动端应用到iOS平台
在移动应用开发中，使用Vue3进行开发是一个不错的选择。但是，当开发完成后，如何发布到iOS平台呢？本文将介绍如何将Vue3移动端应用发布到iOS平台，并提供一个示例来帮助您更好地理解这个过程。
## 步骤
### 步骤一：生成Vue3移动端应用
首先，您需要使用Vue CLI来生成一个Vue3移动端应用。如果您还没有安装Vue CLI，可以通过
原创
2024-06-17 05:22:50
100阅读
回想一下，在你们公司或者你们小组是否有一个以上的项目需要你维护？你是否遇到两个项目需要开发类似的功能的情况？那么你是怎么做的呢？有这么三种常用的解决方案：COPY 你可能会说我讲究速度，复制之前的组件到新项目中，慢慢的你会发现随着你的项目的增加代码量在成倍上升，重复工作浪费了你很多时间。子模块 我可以抽离出所有公共的组件放入一个子模块（git submodule）中，这种方式虽
参考： （写在开头的废话：相信很多人在学习vue这个框架时，最开始搭建开发环境，容易遇到一些大大小小的坑，我作为菜鸟本鸟身受其扰，一度觉得这篇博客可能写不到结尾了，还好顺利完结，就是多花了些时间。为了避免看到这篇博客的朋友和我之前一样伤脑筋，我就尽可能写详细了。现在竟然觉得写博客有点上头，今天连晚饭都不想次了。嘿嘿嘿，可能因为下午吃了小侄女送来的烧烤！哇哇哇，爱死这个小天使了！）1.安装node
转载
2023-12-30 14:42:28
68阅读
目录环境前言1. 新建仓库2. 打包 vue 项目并上传3. 配置 Github Page 环境IDE：VS Code前言本篇博文仅仅提供如何将 vue 项目部署在 github page 的基本操作，至于项目的内容由读者自己决定。同时这是最基本的操作，所以在复杂的项目部署中，请根据具体情况，采取解决措施1. 新建仓库首先新建一个仓库，这里我新建了一个 test 的仓库。 然后，我们将这个仓库
转载
2024-10-09 10:00:07
44阅读
### Vue3 Node.js Docker部署
在现代Web应用程序的开发中，使用Vue.js和Node.js已经成为一种常见的选择。而Docker作为一个容器化工具，可以帮助我们更方便地部署应用程序。本文将介绍如何使用Vue3、Node.js和Docker来部署一个简单的Web应用。
#### 步骤一：创建Vue3应用
首先，我们需要创建一个Vue3应用。可以使用Vue CLI来生成一
原创
2024-05-01 07:08:21
271阅读
作者 | 王洪鹏作为一枚程序员，大家几乎基本都有自己的个人网站，这些网站有的可能是自己开发的有的可能是用一些工具自动生成的，不管我们是用什么样的方式搭建的网站，如果想对自己的网站进行容器化，可以参考下当前这篇文章。前两天刚将自己的网站做了下容器化，所以本文也算是笔者自己的一个个人笔记。接下来的内容里我会给大家讲下网站容器化的过程中需要用到的大部分的技术栈，所涉及的每一部分都会详细写明具体
# 使用Docker构建Vue3镜像
在当今的软件开发中，使用Docker容器化技术可以帮助开发人员更轻松地构建、交付和运行应用程序。Vue.js是一种流行的JavaScript框架，它可以帮助我们快速构建交互式的Web应用程序。在本文中，我们将介绍如何使用Docker构建Vue3的镜像，以便于在不同环境中轻松部署Vue3应用程序。
## 准备工作
在开始之前，我们需要确保已经安装了Dock
原创
2024-05-19 03:22:07
252阅读
0x00 vulhub介绍 Vulhub是一个基于docker和docker-compose的漏洞环境集合，进入对应目录并执行一条语句即可启动一个全新的漏洞环境，让漏洞复现变得更加简单，让安全研究者更加专注于漏洞原理本身。大哥你等会，你刚才讲的docker我听了个大概，这docker-compose又是啥啥啥啊？docker-compose是用python写的一个一个docker容器管理工具，可以
