# 将前端 Vue 和后端 Java 打包成一个 EXE 文件
在开发过程中，很多开发者希望能够将他们的应用程序打包成一个自包含的可执行文件（EXE），以便于分发和部署。在本篇文章中，我们将学习如何将前端 Vue 应用和后端 Java 应用打包成一个 EXE 文件。我们会通过一个明确的步骤流程来指导你实现这一目标。
## 整个流程概览
我们的工作流程可以总结为以下几个步骤：
| 步骤 |
我们使用Vue做项目时，基本都是前后端分离的，所以项目布署有时是前后单独部署。因此前端开发人员很有必要熟悉一下项目部署的流程。Vue项目打包部署本身不复杂，不过一些前端同学可能对服务器接触不多，部署过程中还是会遇到这样那样的问题。本文介绍一下使用nginx服务器代理前端项目的方法以及项目部署的相关问题。一、准备工作——服务器和nginx配置使用1、准备一台服务器一般我们在布署时，服务器已经开通好了
转载
2023-10-31 13:32:09
271阅读
# 用Java后端和Vue前端打包成exe的完整指南
现代Web应用程序通常是客户端—服务器架构，其中前端和后端的分离使开发更加高效。常见的前端框架如Vue.js和后端语言如Java结合使用，使得开发者可以高效地构建响应式且功能强大的应用。本文将介绍如何将Java后端和Vue前端打包成一个可执行文件（.exe），并提供相关的代码示例来帮助你更好地理解这一过程。
## 准备工作
在我们开始之前
使用场景: 我们常使用前后端分离项目时,会需要将前端vue打包然后部署。一.打包vue项目其实可以直接通过一下语句进行打包：npm run build默认打包情况如下: 当我们需要将打包名称以及静态资源位置进行修改时便需要进行相应的配置:1.首先在项目根目录下创建vue.config.js文件配置内容如下所示(附带跨域问题解决):module.exports = {
/
转载
2023-10-20 17:19:46
315阅读
自己写的组件 有的也挺好的，为了方便以后用自己再用或者给别人用，把组件打包发布到npm是最好不过了，本次打包支持 支持正常的组件调用方式，也支持Vue.use, 也可以直接引用打包好的js文件， 配合vue.js 就不需要webpakc这种构建工具了，可以直接在页面内使用，下面以 ‘yyl-npm-practice’ 这个包为例第一步：使用 vue init webpack-simple yyl-
转载
2023-09-17 09:15:56
295阅读
## 将Java + Vue打包成exe的流程
为了将Java + Vue打包成exe文件，我们需要进行一系列的步骤。下面是整个流程的步骤概览：
```mermaid
journey
title Java + Vue打包成exe的流程
section 准备环境
step 安装Node.js
step 安装Java开发工具包（JDK）
step 安装Mav
原创
2023-08-31 16:06:01
394阅读
注意：vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建第一步：手动创建vue.config.js文件，一般放在和package.json同级目录中，vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 pac
转载
2024-04-08 12:39:20
107阅读
# 使用Docker打包前端和后端应用
在现代应用开发中，前后端分离已成为一种常见的架构模式。前端通常负责用户界面，而后端则处理数据和业务逻辑。为了便于部署与管理，将前端与后端打包在同一个Docker容器中，不仅能简化部署流程，还能提高系统的可维护性。本文将介绍如何将前端和后端打包为一个Docker容器，并提供相关代码示例。
## Docker简介
Docker是一种开源的容器化平台，可以将
原创
2024-10-13 06:36:18
246阅读
目的：使用Qt5 编译完成后，我们得到了一堆库文件和exe目标文件，这个时候我们需要打包成一个exe方便别的用户安装。使用工具：NSIS（Nullsoft Scriptable Install System） 和 NIS EDIT工具路径：网上打名字就可以搜索到，不同的版本和下图文介绍略微有点差别，只要你语文成绩不是0分就会用。安装方法：默认即可请先安装完毕上面两款软件再看下面图文的 初级使用介绍
转载
2023-10-10 20:44:43
60阅读
Vue 打包后，如果想修改整体的后台接口域名，或者图片文件的路径，就需要在源代码中修改后，再次进行build打包。这样很不灵活，先看一下vue打包后的文件结构，项目打包后会生成一个dist文件── dist
├── static // 外部静态资源文件夹，对应项目中的static文件夹 ，与index.html同级
└── index.
转载
2023-09-27 09:47:34
175阅读
electron将vue项目打包为exe程序将自己的vue项目进行打包npm run build可以看到打包后的文件安装electronnpm install electron将这个地址复制到文件夹中打开 打开后进到/dist里面 然后把这个地址配置环境变量配置环境变量：在系统变量的path中添加进去安装成功之后，可以看到electron安装后的版本 此时表明安装成功创建主程序的入口文件main.
转载
2024-01-30 22:01:41
568阅读
第一种：利用eclipse中自带的export功能第一种方法分两种情况先来看第一种情况：没有引用外部jar的项目打包步骤一：右键点击项目选择导出(export)，选择java>jar文件(不是选择可运行jar文件)步骤二：选择你要导出的项目以及文件，指定文件导出路径。连续点击两个下一步后到第四步。步骤三：选择主类。按照以上步骤即可完成对一个不引用外部jar项目的打包。第二种情况：没有引用外部
转载
2023-08-02 17:03:43
459阅读
# 如何实现 "python 多个py打包成一个exe"
## 概述
在开发过程中，有时候我们希望将多个Python脚本打包成一个可执行的exe文件，以便于在没有安装Python环境的机器上运行。本文将向你介绍如何实现这一功能。
### 任务流程
```mermaid
gantt
title 任务流程
section 整体步骤
编写Python脚本 :a1, 2021-
原创
2024-03-03 06:29:28
98阅读
# 如何使用Python打包成一个exe文件
## 引言
在软件开发过程中，我们常常需要将Python程序打包成可执行文件（exe文件），以方便用户在没有安装Python解释器的环境中运行程序。本文将介绍如何使用PyInstaller工具将Python程序打包成exe文件，并提供一个实际问题的解决方案作为示例。
## 问题描述
假设我们要开发一个简单的Python程序，用于计算两个数字的和
原创
2023-11-06 07:17:21
134阅读
将Java程序打包成exe可执行文件，分为两大步骤：
Step1：将Java程序通过Eclipse或Myeclipse导出为jar包
Step2：使用jsmooth将jar包程序生成exe可执行文件。可提前下载并安装Jsmooth
详细操作步骤如下：
转载
2023-06-30 21:17:18
3792阅读
一、前言大多数文章都停留在electron-vue中，但是这个库不怎么更新了，最近的更新是九月前，看了很多文章都换其他的工具来构建了，这里推荐GITHUB一个大佬写的基于vue-cli的插件，构建项目非常简单！插件的GITHUB源代码 话不多说，开始创建项目！二、环境说明首先确保你的Node、vue-cli、cnpm安装好，具体安装可以查看官网。 需要：Node环境，我的是16.x版本vue-cl
python是一个非常非常优秀的编程语言，它最大的特性就是跨平台。python程序几乎可以在所有常见的平台中进行使用，而且大部分无需修改任何代码！不过，python也有一点点小缺憾（这个是由于自身本质决定，不能叫缺憾，不过在这就这么称呼吧），那就是python程序的执行必须要有解释器的参与。那么python的程序如何在没有解释器的平台上使用呢？很简单，将pyt
转载
2024-08-09 18:58:15
137阅读
使用PyInstaller生成exe文件 PyInstaller可以将Python程序打包成Windows（当然也包括Linux, Mac OS X, Solaris and AIX）下可执行的EXE文件。 me v 15563370935 注意：在Windows上安装PyInstaller之前，需要安装PyWin32选择对应的版本下载对应py版本 ！！
原创
2021-11-20 15:52:33
962阅读
前言 打包的代码通常都需要写一个简单的界面，一般用 PyQt 来写。用 PyQt 写界面的方法请戳这里：PyQt5的安装及基本配置 PyQt5教程 python提供了几个用来打包的模块，主要有 py2app、py2exe、pyinstaller，其中第一个是用来打包来给 mac 用的，后两者是针对于 windows 系统。关于 py
原创
2022-03-23 14:33:43
5233阅读
前言使用 Electron 和 Inno Setup 将 vue项目打包为 exe 可安装程序1 )、Electron 下载安装方式官网地址git仓库下载地址git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start运行成功后界面2 ) 、 Inn
转载
2024-01-09 11:35:22
91阅读
