config/index.jsbuild 中的 assetsPublicPath: './',在编译 npm run build
转载
2021-05-26 00:29:00
1121阅读
2评论
在Kubernetes（K8S）中部署前端应用，特别是基于Vue.js框架构建的前端应用是一项常见的任务。这篇文章将教你如何实现“vue dist部署”到Kubernetes集群中。
**整体流程**
| 步骤 | 操作 |
| --- | --- |
| 1 | 构建Vue.js应用并生成dist文件 |
| 2 | 创建Docker镜像 |
| 3 | 部署Docker镜像到Kuberne
原创
2024-04-29 12:36:39
101阅读
# Vue Dist 部署指南
## 简介
在实际开发中，我们经常需要将Vue项目打包成静态文件，并部署到服务器上。本文将介绍如何通过命令行将Vue项目打包成dist文件，并将dist文件部署到服务器上。
## 步骤概览
以下是将Vue项目打包成dist文件并部署到服务器上的主要步骤：
| 步骤 | 描述 |
|------|------|
| 1. | 打包Vue项目 |
原创
2024-04-29 12:36:50
921阅读
# 使用 Docker 部署 Vue.js 应用的简易指南
随着前端框架的迅猛发展，Vue.js 以其简洁与高效成为了许多开发者的首选工具。在开发完成后，如何高效地将 Vue.js 应用部署到服务器上成为了一个重要的话题。Docker 是一种流行的容器化技术，可以帮助我们轻松打包和部署应用。本文将介绍如何使用 Docker 部署一个 Vue.js 应用的静态文件。我们将通过一个示例项目以及相应的
原创
2024-08-11 06:50:19
63阅读
# Vue项目通过Yarn打包dist目录
在Vue项目中，我们通常需要将代码打包成静态文件以便于部署到生产环境。Vue提供了一种简单的方式来打包项目，即使用Yarn工具。本文将介绍如何通过Yarn来打包Vue项目并将生成的文件输出到dist目录。
## 什么是Yarn？
Yarn是一个由Facebook、Google、Exponent和Tilde共同开发的JavaScript软件包管理工具
原创
2024-04-19 06:21:45
282阅读
# 如何实现 "docker build vue dist" 缓存
## 1. 概述
在使用 Docker 构建 Vue.js 项目时，执行 `docker build` 命令可以将项目打包成 Docker 镜像，方便部署和运行。然而，每次构建镜像时都需要重新安装依赖、编译代码，可能会耗费大量时间和资源。为了提高构建速度，可以通过缓存机制来避免重复操作，本文将详细介绍如何实现 "docker
原创
2023-12-07 19:07:35
147阅读
在移动端开发中，我最近面临一个挑战，即如何将 Vue.js 打包后的 dist 包成功部署到 iOS 平台。随着移动互联网的发展，越来越多的企业希望利用轻量级的前端框架为用户提供更好的体验，但在将这些应用发布到 iOS 时却常常面临诸多技术挑战。接下来，我将为您详细记录解决这个问题的过程，包括背景定位、演进历程、架构设计、性能攻坚、故障复盘和复盘总结。
### 背景定位
在我们的项目初期，我们
# Vue iOS 空白问题解决方案
## 引言
在开发移动应用程序时，我们经常会遇到各种各样的问题。其中一个常见的问题是 Vue 在 iOS 设备上呈现空白页面的情况。这个问题可能会给开发者带来困惑，因为在其他设备上，页面可能正常显示。本文将介绍这个问题的原因，并提供一种解决方案。
## 问题描述
当我们在 iOS 设备上使用 Vue 开发应用程序时，有时页面会呈现为空白。这意味着页面没
原创
2023-12-13 12:57:42
137阅读
# Docker Nginx Vue 更新dist 实现流程
## 步骤概览
下面是实现"docker nginx vue 更新dist"的整体流程概览，具体每个步骤的细节将在后续的说明中进行解释。
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 创建一个 Vue 项目 |
| 2 | 构建 Vue 项目生成 dist 目录 |
| 3 | 创建一个 Dockerfile
原创
2023-08-12 06:41:40
292阅读
一、为什么要用vuex？在vue的项目里常常会遇到父子组件间需要进行数据传递的情况，我们可以用熟悉的props 或者 $emit 等方式进行父子组件通信，但是，在项目稍微大一点的情况中，面对众多的不相关的平行组件，并且很多数据需要多个组件循环使用，这个时候在这些组件间传递数据，使用上述方法会比较麻烦，项目代码变得冗长，并且不利于组件的复用，提高了耦合度。为了解决这一问题，我们需要使用Vue 的状态
作者主页：Designer 小郑作者简介：软件工程师一枚，来自浙江宁波，负责开发管理公司OA项目，专注软件前后端开发（Vue、SpringBoot和微信小程序）、系统定制、远程技术指导。蓝桥云课认证讲师，全栈领域优质创作者，在校期间参加PAT乙级考试获得满分，三年ACM竞赛经验，斩获国奖两项，省奖五项。热爱技术、专注业务、开放合作、乐于分享，期待你我共同成长！主打方向：Vue、SpringBoot
# Android引入Vue.js的dist文件
## 概述
在Android项目中引入Vue.js框架可以使开发者更方便地使用Vue.js开发界面，提高开发效率。本文将介绍如何在Android项目中引入Vue.js的dist文件，并提供详细的步骤和代码示例。
## 引入Vue.js的dist文件流程
以下是引入Vue.js的dist文件的流程：
| 步骤 | 描述 |
| ---- |
原创
2023-12-15 03:39:05
236阅读
一、vue单文件组件开发流程（webpack打包）1）源文件目录结构2）package.json3）webpack.config.js HTML Webpack Plugin依据html模板生成一个自动引用你打包后的文件（js或css）的新的html页面，新文件默认名称为index.html。 运行.vue文件，需要依赖vue、vue-loader、vue-template-compiler这
转载
2024-08-17 12:28:24
48阅读
在现代应用开发中，使用 Docker 部署 Nginx，并为 Vue.js 的 `dist` 目录提供服务，已成为一种常见的最佳实践。本文将详细介绍这一过程，包括环境准备、分步指南、配置详解、验证测试、优化技巧及排错指南，帮助开发者高效进行 Docker 部署。
### 环境准备
在开始之前，我们需要确保环境的软硬件要求符合部署标准。
**软硬件要求：**
- **操作系统**: Linu
vue生命周期vue的生命周期是指对象的生命周期，其中又分为了三类。 1.创建时期的生命周期、2.运行时期的生命周期、3.销毁时期的生命周期。下面就来说说这三个生命周期。 1.首先我们先创建一个new的对象。2.然后初始化事件和生命周期。3.beforeCreate(){}表示初始化的生命周期函数，代表了函数完全被创建出来了，例如
var vm = new Vue({
el:'#
# 使用 Docker 打包 Vue.js 应用的完整指导
Vue.js 是一个流行的前端框架，而 Docker 是一个快速、轻量级的容器化平台。将 Vue.js 应用打包成 Docker 镜像，可以使其在不同的环境中轻松部署。本文将向您展示如何实现这一目标，并提供详细的步骤和代码示例。
## 流程概述
| 步骤 | 描述
1、SpringBoot项目① 去你自己的云申请并下载好相关文件，SpringBoot下载的是Tomcat（默认），Vue2下载的是Nginx② 将下载的压缩包里面的.pfx后缀文件拷贝到项目的resources目录下③ 编辑配置文件（主要是框里面的内容，注意是配置在server下）然后就是把项目打成jar包，部署到服务器上即可，这里就不过多赘述了2、Vue2项目① 查看nginx是否安装了wit
转载
2024-10-10 16:21:02
226阅读
安装Node.js以及npm工具 参照之前博客参考链接：https://blog.csdn.net/y2020520/article/details/138950062
今天新建项目，然后发现路由也改了 app.vue里面也是啥都没有，但是访问http://localhost:8080/#/login 能访问 里面确实空白的错误：错误原因： path: '/
原创
2022-05-26 16:51:23
3011阅读
# iOS Vue 页面空白
在使用Vue开发iOS应用时，有时候会遇到页面空白的情况，即页面没有任何内容显示。这种情况可能是由于各种原因引起的，下面我们来分析一下可能的原因及解决方法。
## 可能的原因
1. **路由配置错误**：检查路由配置是否正确，确保路由指向了正确的组件。
2. **组件未正确加载**：确保组件已经正确引入，并且在路由配置中指定了正确的组件。
3. **数据获取
原创
2024-05-26 04:47:03
157阅读
