一般在做前后端分离的时候， 前端服务器用的都是nginx，可是公司项目是需要运行在windows server上面的，所以综合考虑之下用IIS比较好一些，然而这方面的资料不如nginx那么多，所以就想记录一下这段时间遇到的坑，以防自己以后再遇到的时候忘记了，这样我可以翻出来看看。这里只说一下url重写、代理设置、以及关闭ETag三个点，其余的都是网上可以轻松搜索到并且能看懂的，就不再赘述。url重
# Vue前端部署指南
## 概述
在实际开发中，部署前端应用是非常重要的一环。本文将介绍如何在Kubernetes集群中部署Vue前端应用，以实现高可用和易扩展的部署方案。
### 步骤概览
下面是部署Vue前端应用的整体流程，具体步骤请参考下表：
| 步骤 | 内容 |
|------|------|
| 1 | 创建Vue项目 |
| 2 | 构建Vue项目 |
| 3 | 编写Doc
原创
2024-05-22 09:58:19
100阅读
前言常规的部署项目，一般分为两种方式:第一种：直接上传。部署项目需要经过本地build，压缩文件，将压缩包上传至服务器并解压文件等步骤，过程较为繁琐。第二种：利用git服务器。ssh进入web服务器 ---> 执行git clone或git pull将项目克隆至服务器 ---> 执行npm install --->&nb
转载
2024-05-08 14:10:40
225阅读
Vue项目部署问题及解决方案Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 H
转载
2024-08-07 20:53:35
24阅读
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阅读
CentOS 7 JavaWeb 环境安装与配置安装环境：CentOS7 64位 ，安装MySQL5.7，Java1.8，Tomcat8.5.60，Redis3.2。虚拟机需要配置网卡，使用桥接，开启网卡并设置：静态ip、网关、子网掩码、DNS重启网络服务systemctl restart network查看ipip addr配置防火墙MySQL默认端口为3306端口，Tomcat 默认端口为80
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阅读
首先需要拥有一台服务器，我用的是阿里云的CentOS。下面就让我们开始吧！1、部署服务器一、配置阿里云端口进入阿里云控制台，安全组 -> 配置规则 进入配置端口，开放了对应的端口，服务器才能访问。二、安装Xshell和，XftpXshell用来连接服务器，Xftp用来上传或者删除文件，十分的方便。 下面给出下载地址：https://www.netsarang.com/zh/xshell/ 1
转载
2024-02-11 07:26:51
187阅读
# Docker 部署 Vue 前端应用
## 引言
在现代 web 开发中，Vue.js 是一款备受欢迎的前端框架，广泛应用于构建用户界面和单页应用程序。然而，将 Vue 应用部署到生产环境中往往需要考虑许多因素，如环境配置、依赖管理和跨平台兼容性。为了解决这些问题，Docker 提供了一种有效的解决方案。本文章将重点介绍如何使用 Docker 来部署 Vue 前端应用，并提供具体的代码示例
原创
2024-08-26 06:03:28
45阅读
在使用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阅读
一、如何部署前后端分离开发模式下，前后端是独立部署的，前端只需要将最后的构建物上传至目标服务器的Web容器指定的的静态目录下即可我们知道vue项目在构建后，是生成一系列的静态文件常规布署我们只需要将这个目录上传至目标服务器即可// scp 上传 user为主机登录用户，host为主机外网ip, xx为web容器静态资源路径
scp dist.zip user@host:/xx/xx/xx让web容
转载
2024-06-20 13:19:10
338阅读
简介最近想搭一个基于Djaogo+Vue的网站，centos作为服务器，个人pc作为前端设计使用。centos7软件版本：python系统自带2.7版本，也可以下载3.6版本，注意尽量使用这两个版本django: 1.11.7node: 8.5.0按照下面步骤一般可以一路畅行，搞这个环境太痛苦了各种报错，如果要安装最新版本，注意需要查阅一下版本中一些配置文件中的写法，会有一些细微差别导致无法运行之
转载
2024-05-21 14:14:12
86阅读
一、需求背景 部署vue项目到服务器CentOS，这样自己的项目就能在公网访问了。是不是很有意义。二、步骤：2.1、阿里云、华为云、腾讯云申请自己的域名。2.2、进行域名解析。域名控制台 (aliyun.com)云解析 DNS (aliyun.com)2.3、安装node、vue、pm22.4、安装nginx2.4.1、添加Nginx存储库添加
转载
2024-02-28 11:21:57
74阅读
概述本文主要讲解在安装了centos7的Linux主机中部署前后端分离项目的过程。前端项目名为：vue_project；后端项目名为：django_project。将这两个项目放在/opt/whw2这个目录下。nodejs对vue项目的配置下载解压node的压缩包 cd /opt
wget https://nodejs.org/download/release/v8.6.0/node-v8.6
转载
2024-03-28 13:24:18
69阅读
CentOS下前后端分离项目的部署一、部署工具准备二、CentOS下JDK的安装三、CentOS下安装Tomcat四、CentOS下MySql的安装五、CentOS下Redis的安装六、前端工程的部署及启动七、后端工程的部署及启动 项目概况： 前端技术：Vue + ElementUI 后端技术：SpringBoot + Mysql + Redis一、部署工具准备①、 提前准备一台装有CentOS
转载
2024-03-22 11:32:57
69阅读
-- 服务器部署SpringBoot 的jar 文件 nohup java -jar lightbox-0.0.1-SNAPSHOT.jar >/opt/log/lightbox/out.log 2>&1 & nohup java -jar flow-operation-0.0.1-SNAPSHOT.jar >/o
转载
2024-03-06 20:01:21
55阅读
使用jenkins在服务器部署项目首先要安装jdk和jenkins 完成插件后1，进入jenkins创建一个job 选择一个自由风格的软件项目2，源码管理 私有仓库要输入账号密码3，构建环境4，环境 添加shell命令npm install
rm -rf ./dist/*
npm run build
rm -rf /www/web/site/*
cp -rf ./dist/* /www/web/
转载
2024-04-25 12:48:43
47阅读
