最近刚到新公司，正好之前没接触过这方面的东西。最初仅仅是猜想。最后也没想到Tomcat真的可以部署前端页面 好，我先来。新建一个vue项目。 // 详细的怎么创建。我这里就不说了。vue init webpack vuetest得到的项目目录执行，npm run build // 进行打包操作当最后看到这样代表打包成功此时你可连接服务器。我这里用的是 xshel
转载
2024-08-19 14:29:23
39阅读
vue.js项目部署到服务器docker容器上网上看到大部分都是使用nginx镜像通过反向代理进行部署，但是我试过很多遍都没有部署成功，后面使用了node镜像部署。总结一下我使用node部署的步骤，如下：我这里vue项目名为bigdata，是通过远程服务器的docker进行部署,保存的目录在/root/vue/下1、把项目bigdata通过xftp传到/root/vue目录下 2、拉取node镜像
转载
2023-08-18 17:19:23
162阅读
从零开始搭建一个项目骨架，最好选择合适熟悉的技术，并且在未来易拓展，适合微服务化体系等。所以一般以Springboot作为我们的框架基础，这是离不开的了。然后数据层，我们常用的是Mybatis，易上手，方便维护。但是单表操作比较困难，特别是添加字段或减少字段的时候，比较繁琐，所以这里我推荐使用Mybatis Plus( mp.baomidou.com/ )，为简化开发而生，只需
转载
2024-08-16 17:52:23
209阅读
想要的功能前端打包之后自动上传文件夹到服务器在不提交代码的前提下，也可以完成上述功能经过各种百度谷歌，最后有两种方案可以选择第一种是写一个shell，通过lftp上传文件夹，但是会有个权限的问题，需要更改nginx配置才可以解决第二种就是使用node来实现，个人推荐使用这个第三种就是jenkins, 但是我又不想提交代码，不满足，放弃使用shell自动传输文件夹到服务器思路1. 安装lftp2.
转载
2024-06-18 21:14:55
41阅读
因为期末了，要检查web大作业，虽然没有要求，但我想把项目部署一下，以免每次都要打开运行了，部署过踩了许多坑，这里总结一一下这次部署的流程吧。项目我个人进行前后端分离的全栈开发，有后台，后台部署的过程由于篇幅原因将在下一篇中讲解准备工作准备一台虚拟机或者云服务器（linux系统）首先，由于真实的项目基本上都部署在linux系统上，因此为了贴近真实，我们需要准备一台带有linux系统的虚拟机或者云服
转载
2024-08-15 09:40:18
70阅读
1、安装nginx2、打包vue项目npm run build生成3、配置nginx location
原创
2023-02-22 10:50:38
265阅读
在实际开发中，我们常常会遇到需要将前端项目部署到Tomcat服务器上的情况。对于初学者来说，可能会感到困惑和无从下手。下面我将详细介绍如何将Vue前端项目部署到Tomcat服务器上。
整个过程可以分为以下几个步骤：
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 构建Vue项目 |
| 2 | 配置Tomcat服务器 |
| 3 | 将Vue项目打包放入Tomcat
原创
2024-05-29 09:47:49
146阅读
参考文档：手把手教你用参考文档：dockerfile 部署前端vue项目_vue dockerfile-CSDN博客 nginx文档:使用docker安装nginx - 静以修身俭以养德 - 博客园 (cnblogs.com)结合使用了两个文档的方法和DockerFIle区别第一篇使用的是删除nginx默认的 default.conf配置文件然后通过DockerFile进行替换serve
原创
2024-07-15 11:56:16
131阅读
前言常规的部署项目，一般分为两种方式:第一种：直接上传。部署项目需要经过本地build，压缩文件，将压缩包上传至服务器并解压文件等步骤，过程较为繁琐。第二种：利用git服务器。ssh进入web服务器 ---> 执行git clone或git pull将项目克隆至服务器 ---> 执行npm install --->&nb
转载
2024-05-08 14:10:40
225阅读
这里使用两种方式将项目部署到服务器上，nginx和nodeJS(pm2进行管理)，主要记录一下。一.准备服务器系统：CentOS71.将Vue项目进行打包在项目根目录的命令行中输入npm run build2.打包完成打包完成后，会在项目根目录生产dist文件夹，我们到时需要将这个文件夹丢到服务器上。二.使用nginx部署参考教程： 安装所需环境 Nginx 是 C语言 开发，建议在 Linux
转载
2023-11-27 10:16:49
226阅读
一.安装配置apache 一般来讲做内网服务器项目应该整一个linux服务器，不过作者的公司配置的都是win服务器，所以以下内容皆以win为准。 首先我们需要登录apache的官网下载安装一个win官方版本。 &
转载
2023-10-08 07:08:53
217阅读
今天要用到服务器nginx，还需要把自己的vue的项目部署到服务器上去所以就写一下记录下来。首先要去nginx官网下下载nginx： 下载地址：https://nginx.org/en/download.html下载下来会是一个解压包，解压到你想放的文件夹下运行nginx.exe，然后打开浏览器输入localhost出来如下图片所示就说明成功了：然后如果没有成功出来的话也不要慌不要怕，可能是你的端
转载
2024-03-07 20:32:50
339阅读
项目构成：前端：vue+vant-ui，数据库：mysql，后端：node.js部署方式：nginx代理； 一，首先要拥有自己的服务器，阿里，腾讯都可以，我用的是阿里的； 如果只是做个人项目的话，建议最便宜的就行，当然，如果你是土豪，当我没说；直接点击购买，会弹出如下框： 操作系统的话我推荐小白选window
转载
2023-11-15 12:49:18
73阅读
# 如何将Vue项目打包部署到Nginx
## 简介
在开发完Vue项目后，需要将其打包并部署到生产环境中进行展示。Nginx是一个流行的Web服务器和反向代理服务器，可以帮助我们实现Vue项目的部署。
### 步骤概览
以下是将Vue项目打包部署到Nginx的整体步骤：
| 步骤 | 描述 |
| ------ | ------ |
| 1 | 打包Vue项目 |
| 2 | 部署Ngin
原创
2024-05-30 09:54:26
113阅读
作为一名经验丰富的开发者，我将向你介绍如何将Vue应用部署到Nginx服务器上。首先，让我们了解一下整个部署的流程。我们将分为以下步骤进行部署：
| 步骤 | 操作 |
|------|-------------------------------|
| 1 | 构建Vue应用 |
| 2 | 配
原创
2024-05-24 11:01:49
18阅读
# Vue应用打包部署到Docker的完整指南
随着Web应用程序的发展，Docker已成为一种重要的容器化技术。使用Docker，我们可以高效地管理应用程序的依赖项以及运行环境。本文将介绍如何将一个Vue.js应用程序打包并部署到Docker中，包括代码示例、甘特图和饼状图。
## 一、准备Vue应用
首先，我们需要一个基本的Vue.js应用。你可以通过Vue CLI来快速创建一个新的Vu
原创
2024-08-03 06:40:34
111阅读
Linux+Nginx部署Vue项目（dist文件）项目场景： 项目场景：Linux部署Vue项目 思路： 1.将Vue项目打包成dist包 2.将dist包上传到服务器 3.安装Nginx 4.配置Nginx[nginx.conf] 5.重启Nginx 操作：1.1 打包dist文件：【打包时遇到的问题】： 【现象】：> node build/build.js
\ building
准备工作1、部署IIS服务器 2、项目执行build生成需要部署的文件npm run build步骤一：复制文件把build之后的文件（dist文件夹）拷贝到IIS存放网站文件的目录注意： 拷贝的时候不一定是要把dist整个文件夹拷贝，也可以拷贝里面的内容，这个需要看自己的需求。如果不明白的话，可以跟我一样做 步骤二：在IIS中新建站点在"网站"执行鼠标右键，选择添加网站。 网站名称：按
转载
2024-10-26 07:08:19
7阅读
前期准备工作：1. 准备一台服务器；2. 根据服务器的系统环境安装配置Nginx;3. 了解Nginx的配置文件，了解常用的linux系统操作命令4. 进行Vue项目的打包部署 因为我只是单纯的想试下平时我们打包好的dist文件是怎样部署到服务器，并让它跑起来的，所以我就选择
转载
2024-03-08 23:57:13
153阅读
在进行部署前请确认服务器上已安装了Docker docker安装：https://www.runoob.com/docker/ubuntu-docker-install.html使用docker部署①创建容器docker run --name myNginx -p 8001:80 -d nginx
• docker run : 创建并运行一个容器
• –name : 给容器起一个名字, 比如叫做
转载
2023-10-15 09:30:17
403阅读
