当前位置: 首页 > news >正文

vue3 整合 springboot 打完整jar包

前端

  • .env.developmen
VITE_APP_BASE_URL='/api'
  • .env.production
VITE_APP_BASE_URL='/'

axios 配置

axios.defaults.baseURL = import.meta.env.VITE_APP_BASE_URL

package.json

"scripts": {"dev": "vite --mode development","build": "vite build --mode production"}

vite.config.js

 server: {port: 4000, //设置服务启动端口号,是一个可选项,不要设置为本机的端口号,可能会发生冲突open: true, //是否自动打开浏览器,可选项cors: true, //允许跨域。// 设置代理proxy: {'/api': {target: 'http://localhost:8053/', //这是你要跨域请求的地址前缀changeOrigin: true, //开启跨域rewrite: (path) => path.replace(/^\/api/, '')}}}

后端

pom.xml

            <plugin><groupId>org.codehaus.mojo</groupId><artifactId>exec-maven-plugin</artifactId><version>1.6.0</version><executions><execution><id>exec-pnpm-install</id><phase>validate</phase><goals><goal>exec</goal></goals><configuration><executable>pnpm</executable><arguments><argument>install</argument></arguments><workingDirectory>${basedir}/src/ui</workingDirectory></configuration></execution><execution><id>exec-pnpm-run-build</id><phase>validate</phase><goals><goal>exec</goal></goals><configuration><executable>pnpm</executable><arguments><argument>build</argument></arguments><workingDirectory>${basedir}/src/ui</workingDirectory></configuration></execution></executions></plugin>

相关文章:

vue3 整合 springboot 打完整jar包

前端 .env.developmen VITE_APP_BASE_URL/api.env.production VITE_APP_BASE_URL/axios 配置 axios.defaults.baseURL import.meta.env.VITE_APP_BASE_URLpackage.json "scripts": {"dev": "vite --mode development","build": &…...

依赖倒转原则是什么?

依赖倒转原则&#xff08;Dependency Inversion Principle&#xff09;是面向对象设计中的另一个基本原则&#xff0c;它是由Robert C. Martin提出的&#xff0c;它的中心思想是面向接口编程&#xff0c;该原则指出高层模块不应该依赖于低层模块&#xff0c;两者都应该依赖于抽…...

什么是GPT与MBR

GPT&#xff08;GUID Partition Table&#xff09;和MBR&#xff08;Master Boot Record&#xff09;是两种不同的磁盘分区表格式。 MBR是一种较早的磁盘分区表格式&#xff0c;它使用512字节的扇区作为存储空间。MBR分区表可以定义最多4个主分区&#xff0c;每个主分区都可以…...

前后端开发接口联调对接参数

前言 一个完整的互联网系统项目,需要前后端配合,进行上线,针对前端开发者,现在互联网主流的项目都是前后端分离 也就是后端负责提供数据接口,前端负责UI界面数据渲染 凡是在前台数据展示与用户交互的,都是由前端来实现的,而数据来源是由后台服务提供的 在浏览器c端能够发送后端…...

定时任务框架-xxljob

1.定时任务 spring传统的定时任务Scheduled&#xff0c;但是这样存在这一些问题 &#xff1a; 做集群任务的重复执行问题 cron表达式定义在代码之中&#xff0c;修改不方便 定时任务失败了&#xff0c;无法重试也没有统计 如果任务量过大&#xff0c;不能有效的分片执行 …...

idea项目配置三大步

场景&#xff1a; 使用 idea 打开一个新项目的时候&#xff0c;想让项目迅速跑起来&#xff0c; 其实只需要下面简单三步&#xff1a; 1. 首先&#xff0c;配maven 2. 其次&#xff0c;配置 jdk 这里配置 project 就行了&#xff0c;不用管Modules中的配置。 3. 最后&#…...

学会SpringMVC之自定义注解各种场景应用,提高开发效率及代码质量

目录 一、简介 ( 1 ) 是什么 ( 2 ) 分类 ( 3 ) 作用 二、自定义注解 ( 1 ) 如何自定义注解 ( 2 ) 场景演示 场景一&#xff08;获取类与方法上的注解值&#xff09; 场景二&#xff08; 获取类属性上的注解属性值 &#xff09; 场景三&#xff08; 获取参数修…...

步态识别常见模块解读及代码实现:基于OpenGait框架

步态识别常见模块解读及代码实现&#xff1a;基于OpenGait框架 最近在看步态识别相关论文&#xff0c;但是因为记忆力下降的原因&#xff0c;老是忘记一些内容。因此记录下来方便以后查阅&#xff0c;仅供自己学习参考&#xff0c;没有背景知识和论文介绍。 目录 步态识别常见…...

前端八股文之“闭包”

一、定义 一句话概括闭包&#xff1a;能够访问函数内部变量的函数与这个变量的组合构成了闭包结构。如下代码 function fuc1(){let num 999return function fuc2(){console.log(num)}}fuc1()(); 如代码所示&#xff0c;fuc2和父级变量num构成了一个闭包环境。 二、原理 子…...

数据可视化:掌握数据领域的万金油技能

⭐️⭐️⭐️⭐️⭐️欢迎来到我的博客⭐️⭐️⭐️⭐️⭐️ 🐴作者:秋无之地 🐴简介:CSDN爬虫、后端、大数据领域创作者。目前从事python爬虫、后端和大数据等相关工作,主要擅长领域有:爬虫、后端、大数据开发、数据分析等。 🐴欢迎小伙伴们点赞👍🏻、收藏⭐️、…...

Apache Kafka 基于 S3 的数据导出、导入、备份、还原、迁移方案

在系统升级或迁移时&#xff0c;用户常常需要将一个 Kafka 集群中的数据导出&#xff08;备份&#xff09;&#xff0c;然后在新集群或另一个集群中再将数据导入&#xff08;还原&#xff09;。通常&#xff0c;Kafka集群间的数据复制和同步多采用 Kafka MirrorMaker&#xff0…...

事务管理AOP

事务管理 事务回顾 概念&#xff1a;事务是一组操作的集合&#xff0c;它是一个不可分割的工作单位&#xff0c;这些操作要么同时成功&#xff0c;要么同时失败 操作&#xff1a; 开启事务&#xff1a;一组操作开始前&#xff0c;开启事务&#xff0d;start transaction/be…...

Java从Tif中抽取最大的那张图进行裁剪成x*y份

之前我有一篇帖子《kfb格式文件转jpg格式》讲述到 kfb > tif > jpg&#xff0c;但是针对于超大tif中的大图是无法顺利提取的&#xff0c;就算是能顺利提取&#xff0c;试想一下&#xff0c;2G的tif文件&#xff0c;如果能提取处理最大的那张图&#xff0c;并且在不压缩的…...

人工智能AI界的龙头企业,炸裂的“英伟达”时代能走多远

原创 | 文 BFT机器人 1、AI芯片的竞争格局已趋白热化 尽管各类具有不同功能和定位的AI芯片在一定程度上可实现互补&#xff0c;但同时也在机遇与挑战并存中持续调整定位。在AI训练端&#xff0c;英伟达的GPU凭着高算力的门槛&#xff0c;一直都是训练端的首选。 只有少数芯片能…...

【实战】H5 页面同时适配 PC 移动端 —— 旋转横屏

文章目录 一、场景二、方案三、书单推荐01 《深入实践Kotlin元编程》02 《Spring Boot学习指南》03 《Kotlin编程实战》 一、场景 一个做数据监控的单页面&#xff0c;页面主要内容是一个整体必须是宽屏才能正常展示&#xff0c;这时就不能用传统的适配方案了&#xff0c;需要…...

使用凌鲨进行聚合搜索

作为研发人员&#xff0c;我们经常需要在多个来源之间查找信息&#xff0c;以便进行研发工作。除了常用的搜索引擎如百度和必应之外&#xff0c;我们还需要查阅各种代码文档和依赖包等资源。这些资源通常分散在各个网站和文档库中&#xff0c;需要花费一定的时间和精力才能找到…...

程序设计之——手把手教你如何从Excel文件中读取学生信息

在当今信息化时代&#xff0c;计算机技术已经深入到各个领域&#xff0c;而程序设计则成为推动信息化建设的关键技术之一。在众多领域中&#xff0c;学生信息管理系统无疑是其中一个重要的应用。本文将从学生信息管理系统的开发入手&#xff0c;探讨开如何高效且保证质量的完成…...

Docker容器化技术(从零学会Docker)

文章目录 前言一、初识Docker1.初识Docker-Docker概述2.初识Docker-安装Docker3.初识Docker-Docker架构4.初识Docker-配置镜像加速器 二、Docker命令1.Docker命令-服务相关命令2.Docker命令-镜像相关命令3.Docker命令-容器相关命令 三、Docker容器的数据卷1.Docker容器数据卷-数…...

【新版】系统架构设计师 - 案例分析 - 总览

个人总结&#xff0c;仅供参考&#xff0c;欢迎加好友一起讨论 架构 - 案例分析 - 总览 新旧大纲对应 旧版新版系统规划软件架构设计设计模式系统设计系统建模分布式系统设计嵌入式系统设计系统的可靠性分析与设计系统的安全性和保密性设计系统计划信息系统架构的设计理论和实…...

【Git】02-Git常见应用

文章目录 1. 删除不需要分支2. 修改最新Commit的Message3. 修改之前Commit的Message4. 连续多个Commit整理为一个5. 不连续的Commit整理为一个6. 比较暂存区和HEAD中文件差异7. 比较工作区和暂存区中文件差异8. 将暂存区恢复为HEAD相同9. 工作区文件恢复和暂存区相同10. 取消暂…...

意义如何保持活性:一项基于岐金兰哲学体系的系统性阐释

意义如何保持活性&#xff1a;一项基于岐金兰哲学体系的系统性阐释导论&#xff1a;一座理论大厦的蓝图本文旨在对岐金兰哲学体系进行系统性阐释。这一体系围绕一个核心问题展开&#xff1a;意义如何在系统中保持活性&#xff0c;而非走向僵死&#xff1f;这一追问看似抽象&…...

VSCode + GitLab 真香组合:告别命令行恐惧,可视化搞定团队代码提交与合并

VSCode GitLab 可视化协作指南&#xff1a;零命令行完成高效团队开发 对于视觉型开发者而言&#xff0c;命令行操作常常是学习Git工作流的最大障碍。当团队采用GitLab进行协作时&#xff0c;传统教程中频繁出现的git checkout、git rebase等命令更容易让人望而生畏。事实上&a…...

消息队列选型对比

目录消息队列选型对比&#xff1a;从核心原理到场景化决策一、快速选型&#xff1a;一张表看懂核心差异二、深入解读&#xff1a;每款 MQ 的设计哲学与适用边界2.1 RabbitMQ&#xff1a;灵活路由的企业级消息代理2.2 Apache Kafka&#xff1a;吞吐为王的日志流平台2.3 Apache R…...

PS抠头发太费劲?几种简单方法轻松搞定

作为一名从事平面设计5年的老选手&#xff0c;抠头发绝对是PS修图中最让人头疼的环节——要么抠不干净留杂边&#xff0c;要么太用力丢失细碎发丝&#xff0c;尤其是面对杂色背景、飘逸长发、逆光发丝时&#xff0c;更是让人束手无策。今天就给大家分享3种超实用的PS抠头发丝方…...

WeChatFerry:基于RPC与DLL注入的微信PC端自动化框架深度解析

1. 项目概述与核心价值 最近在折腾微信自动化相关的东西&#xff0c;发现了一个挺有意思的项目——WeChatFerry。这名字起得挺形象&#xff0c;“Ferry”是渡轮的意思&#xff0c;感觉就像是在你的程序和微信客户端之间搭了一座桥&#xff0c;让数据可以安全、稳定地“摆渡”过…...

如何3步完成CAJ转PDF:caj2pdf完全指南

如何3步完成CAJ转PDF&#xff1a;caj2pdf完全指南 【免费下载链接】caj2pdf Convert CAJ (China Academic Journals) files to PDF. 转换中国知网 CAJ 格式文献为 PDF。佛系转换&#xff0c;成功与否&#xff0c;皆是玄学。 项目地址: https://gitcode.com/gh_mirrors/ca/caj…...

Windows热键冲突终极解决方案:3分钟找出占用你快捷键的“小偷“

Windows热键冲突终极解决方案&#xff1a;3分钟找出占用你快捷键的"小偷" 【免费下载链接】hotkey-detective A small program for investigating stolen key combinations under Windows 7 and later. 项目地址: https://gitcode.com/gh_mirrors/ho/hotkey-detect…...

Hydrin 1 ([Arg8, Gly10, Lys11, Arg12]-Vasotocin)

一、基础信息多肽名称&#xff1a;Hydrin 1&#xff0c;加压催产素变体 [Arg8, Gly10, Lys11, Arg12]-Vasotocin 三字母序列&#xff1a;Cys-Tyr-Ile-Gln-Asn-Cys-Pro-Arg-Gly-Gly-Lys-Arg 单字母序列&#xff1a;CYIQNCPRG GKR 氨基酸数目&#xff1a;12 aa 结构特征&#xff…...

Taotoken账单详情页功能体验,让每一分Token消耗都清晰可溯

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 Taotoken账单详情页功能体验&#xff0c;让每一分Token消耗都清晰可溯 对于任何将大模型API集成到产品开发或日常工作中的团队与个…...

手把手教你用CCS v10为F280049C配置工程:从零搭建、RAM/FLASH切换、到数学库调用的完整流程

F280049C开发实战&#xff1a;CCS v10工程配置与RAM/FLASH切换全指南 第一次接触TI C2000系列DSP时&#xff0c;面对CCS开发环境和复杂的工程配置&#xff0c;很多开发者都会感到无从下手。本文将以F280049C这款高性价比DSP为例&#xff0c;带你从零开始搭建开发环境&#xff…...