将 Vue 项目部署到线上，通常需要经过以下步骤：1. **本地开发和测试：**- 确保您的本地开发环境已经安装了 Node.js 和 np并进行功能测试和调试。
原创
2024-01-02 12:19:15
246阅读
在实际开发中，部署前端Vue项目上线是非常常见的需求。下面我将为你详细介绍如何实现这一过程，并给出代码示例以便你更好地理解。
### 部署前端Vue项目上线的流程
首先，我们来看一下在部署前端Vue项目上线时需要遵循的步骤：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 构建项目 |
| 2 | 部署到服务器 |
| 3 | 配置域名和SSL证书 |
| 4 | 启动
原创
2024-04-26 11:04:45
103阅读
在实际的开发过程中，部署上线是非常重要的一环，特别是对于Vue项目而言。本文将为您详细介绍如何将Vue项目部署上线，帮助您快速实现这一步骤。
首先，让我们来了解整个部署上线的流程，如下表所示：
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 打包Vue项目 |
| 2 | 部署项目到服务器 |
| 3 | 配置服务器端 |
| 4 | 配置域名解析 |
接下来，我
原创
2024-04-30 12:00:15
225阅读
vue默认配置，打包后css和js的名字后面都加了哈希值，不会有缓存问题。但是index.html在服务器端可能是有缓存s 文件。在 head 里面添加下面代码。
原创
2024-03-09 08:36:20
404阅读
# Vue前端部署指南
## 概述
在实际开发中，部署前端应用是非常重要的一环。本文将介绍如何在Kubernetes集群中部署Vue前端应用，以实现高可用和易扩展的部署方案。
### 步骤概览
下面是部署Vue前端应用的整体流程，具体步骤请参考下表：
| 步骤 | 内容 |
|------|------|
| 1 | 创建Vue项目 |
| 2 | 构建Vue项目 |
| 3 | 编写Doc
原创
2024-05-22 09:58:19
100阅读
1.新建vue.config.js文件夹，输入以下代码：module.exports = {
assetsDir: 'static',
parallel: false,
publicPath: './'
}，注意将public目录下的图片放到static目录下。2.项目书写调试完成之后，使用npm run build 命令打包生成dist文件夹。可修改dist文件夹的名字。
转载
2023-07-13 20:42:21
152阅读
vue前端项目上线配置1.准备云服务器建议使用阿里云、腾讯云、华为云、百度云自行官网购买或新人免费体验2. 工具安装xShell(远程连接工具)
新建会话主机：服务器公网IP，验证用户、密码完成连接xFTP(文件传输工具)3. 服务器nodejs安装在nodejs官网（https://nodejs.org/en/）找到对应版本，复制下载路径在xShell远程控制台输入：# mkdir /da
转载
2024-05-15 14:52:11
141阅读
Vue项目部署问题及解决方案Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 H
转载
2024-08-07 20:53:35
24阅读
Vue项目打包之后，部署有两种方式，一是前台打包后扔给后台，放置在后台项目的根目录下就可以了。这种是最简单的。还有一种方式就是前端单独部署，这里讲的是后者 前端如何单独部署呢？ 一个最简单的办法就是使用Nginx部署辣 一.我们将自己的Vue项目打包 运行npm run build 会在项目中生成一个叫dist文件 二.安装Nginx Nginx是一个类似于Tomcat的服务器，部署前
转载
2024-05-06 14:42:26
170阅读
## Vue前端如何部署
### 1. 流程概述
在部署Vue前端项目时，一般需要将项目打包成静态文件，然后将这些文件部署到服务器上。下面是部署Vue前端项目的一般步骤：
| 步骤 | 描述 |
| ---------------------------------|
原创
2024-05-22 10:19:21
123阅读
一、如何部署前后端分离开发模式下，前后端是独立部署的，前端只需要将最后的构建物上传至目标服务器的Web容器指定的的静态目录下即可我们知道vue项目在构建后，是生成一系列的静态文件常规布署我们只需要将这个目录上传至目标服务器即可// scp 上传 user为主机登录用户，host为主机外网ip, xx为web容器静态资源路径
scp dist.zip user@host:/xx/xx/xx让web容
转载
2024-06-20 13:19:10
338阅读
在使用Kubernetes（K8S）部署Vue前端项目到IIS（Internet Information Services）前，我们需要了解整个部署流程，并逐步进行操作。接下来，我将通过以下步骤详细介绍如何完成这一任务。
步骤 | 操作
---|---
1 | 准备Vue前端项目文件
2 | 创建Docker镜像
3 | 部署Docker容器到K8S集群
4 | 配置IIS反向代理
### 步
原创
2024-05-22 09:59:20
325阅读
在部署Vue前端应用程序时，我们通常会通过Kubernetes（K8S）来实现自动化部署和管理。Kubernetes是一个开源的容器集群管理工具，可以帮助我们有效地部署、扩展和管理容器化应用。在本文中，我将向你介绍如何使用Kubernetes部署Vue前端应用程序。
整体流程如下：
| 步骤 | 操作
原创
2024-05-22 10:19:35
33阅读
# Docker 部署 Vue 前端应用
## 引言
在现代 web 开发中，Vue.js 是一款备受欢迎的前端框架，广泛应用于构建用户界面和单页应用程序。然而，将 Vue 应用部署到生产环境中往往需要考虑许多因素，如环境配置、依赖管理和跨平台兼容性。为了解决这些问题，Docker 提供了一种有效的解决方案。本文章将重点介绍如何使用 Docker 来部署 Vue 前端应用，并提供具体的代码示例
原创
2024-08-26 06:03:28
45阅读
一般在做前后端分离的时候， 前端服务器用的都是nginx，可是公司项目是需要运行在windows server上面的，所以综合考虑之下用IIS比较好一些，然而这方面的资料不如nginx那么多，所以就想记录一下这段时间遇到的坑，以防自己以后再遇到的时候忘记了，这样我可以翻出来看看。这里只说一下url重写、代理设置、以及关闭ETag三个点，其余的都是网上可以轻松搜索到并且能看懂的，就不再赘述。url重
学习目录：Vue.js 简介Vue.js 实例与数据绑定Vue.js 计算属性和侦听器Vue.js 条件渲染和列表渲染Vue.js 事件处理Vue.js 表单输入绑定Vue.js 组件基础Vue.js 组件通信Vue.js 插槽Vue.js 动态组件和异步组件Vue.js 自定义指令Vue.js 过渡和动画Vue.js 混入Vue.js 自定义事件和 v-modelVue.js 渲染函数和 JSX
原创
2023-07-13 17:21:36
103阅读
工具：github、VScode、简述一下过程：1、新建一个username.github.io项目，github.io相当于是github提供了一个服务器2、新建一个博客项目docs，并且自动化部署到username.github.io项目中3、利用VuePress来构建博客docs4、利用github.io提供的https路径就可以打开你编写的文档下面动手开始吧1、在github上创建一个名为
命令: npm run build 作用：用vue-cli内部集成的webpack，把 .vue, .less, .js 等打包成浏览器可直接执行的代码 html，css，js。 结果：会在项目根目录下创建 /dist目录，在这个目录下产出打包后的结果。认识打
转载
2023-12-01 14:23:07
104阅读
一.在本地机创建git目录，克隆内部git服务器线上代码二.在服务器创建项目目录，并在项目目录下创建２个子目录Ａ，Ｂ，其中Ａ目录为git裸库目录，Ｂ目录为项目发布目录。三.操作详细. 在本地机克隆git服务器代码后，切换到分支到发布分支release，推送分支release到服务器裸库。 在服务器目录Ｂ下克隆目录Ａ，并通过git fetch或者git pull 更新代码
原创
2015-07-29 10:31:51
385阅读
之前一直想着把自己做的一些页面怎么用github展示出来，因为我看到有人用的是github来展示自己做的一些项目。用github来展示就不用去折腾搭建自己的网站等一系列复杂的东西了，后面在网上搜了下，感觉好复杂，但是最近几天静心下来研究这个，结合别人写的一些教程，发现是那么的简单，分分钟的事儿嘛，觉得网上有些教程写的太过于复杂，对新手不是很友好，特此写一篇觉得对新手友好的教程，希望能帮到有需要的人
转载
2023-07-24 10:48:09
61阅读
