vue自定义打包路径--springboot前后端分离（部署二）

最新推荐文章于 2024-07-04 14:47:08 发布
最新推荐文章于 2024-07-04 14:47:08 发布
阅读量950 收藏
点赞数
分类专栏： vue springboot 文章标签： vue自定义打包路径 springboot-vue前后端分离
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fly_77/article/details/90176400
版权
本文介绍了如何在Vue项目中自定义打包路径，包括在index.html、src/router/index.js和config/index.js中的修改步骤。完成设置后，将打包后的dist目录放入SpringBoot项目resource/static的自定义目录下，实现前后端分离的部署。
摘要由CSDN通过智能技术生成

vue自定义打包路径需要修改三处：

1.在代码根目录下的index.html中增加 <meta base="/VmallAdmin/"> 如图所示。
在这里插入图片描述
2.在src目录下的router目录下，在index.js中，增加：
base: ‘/VmallAdmin/’, 如下图所示：

在这里插入图片描述

3.在项目路径下的config目录下，修改index.js。在build下将原来的assetsPublicPath：’/’
修改为assetsPublicPath：’/VmallAdmin/’
在这里插入图片描述
到这里，自定义路径就完成了。之后将打包后的dist下的目录放在springboot项目的/resource/static/自定义目录/ 下即可。如下图：
在这里插入图片描述

原来是莉婶
关注
专栏目录
基于SpringBoot+SpringCloud+Vue前后端分离项目实战 --开篇
天罡gg的专栏
03-07 1万+
如何高效学习Java? 毕业设计项目应该怎么做？入门实战项目应该怎么做？ 做Java开发都应该学习哪些框架技术？ 我想来跟你聊聊为什么要学习此专栏？我们经常说，看一个事儿千万不要直接陷入细节里，你应该先鸟瞰其全貌，这样能够帮助你从高维度理解问题。同样，当你迷茫想努力没有方向时，最事半功倍的方法是：找人带你! 因为过来人，更懂得如何学、如何做、如何少走弯路！ 那今天就给大家带来一门专栏课程，由 天罡gg 和 经海路大白狗 两位实力大牛合力打造的一款专栏，可以让你从0到1快速拥有企业级规范的项目实战经验！
基于SpringBoot+Vue的前后端分离练习项目
xmp
05-14 4580
这是一款基于SpringBoot+Vue的前后端分离的项目，麻雀虽小，五脏俱全，值得拥有！
Spring Boot 实现前后端分离
qq_43301731的博客
11-20 406
1.Spring Boot + CXF + WebService在第一个博客中写过连接在下边 https://blog.csdn.net/qq_43301731/article/details/103148113 2.本次直接写分离的部分 在上次的demo中，要做前后端分离，就不需要用到WebServiceClient这个类了 3.在新打开一个工作空间 注意：spring Boot 的运行不要...
前后端分离SpringBoot
qq_44129924的博客
04-24 387
springboot 异常:No Java compiler available for configuration options compilerClassName: [null] and compiler: [null] 缺乏一个eclipse依赖 org.eclipse.jdt.core.compiler ecj 4.6.1 provided 创建springboot项目: 向pom.xml中添加jar包 <!-- spring-boot web启动器 --> <d
Vue打包文件dist放在SpringBoot项目下运行（正确实现全过程）（上）
最新发布
你若为我繁华，我愿成你烟花
07-04 602
项目开发中，一般我们都会使用SpringBoot+Vue进行前后端开发。在部署时，会后端启动一个服务，再启动一个nginx，nginx中配置前端打包文件dist进行项目访问。实际上，我们也可以把打包好的dist目录放在SpringBoot项目下进行部署。
前后端分离之Springboot
qq_42873640的博客
04-29 3345
springboot后台搭建 本次搭建使用多模块的方式，建立一个父项目netseal，父项目下建立webserver、common、appserver等项目。 父项目——netseal，maven项目即可 子项目——webserver，springboot项目 子项目——common，springboot项目 idea进行项目的创建可参考使用idea搭建springboot项目 1. 创...
SpringBoot - 前后端分离
m0_51945098的博客
12-25 5735
前后端分离
springboot实现前后端分离项目
07-31
springboot实现后端接口并通过前端展示, 通过springboot实现后端接口,再通过axios再前端解决跨域问题后用vue在前端展示数据,一个简单的前后端分离项目
前后端分离（SpringBoot整合Vue）部署至服务器
Hpsyche的博客
09-08 4665
前言 之前曾在博客中提到SpringBoot整合Vue，这里进一步扩展，谈谈如何将前后端的项目部署到个人服务器中，由于个人只有阿里云服务器一台，这里的操作是前后端项目均部署至tomcat的情况，在网上自己也并未找到详细的教程，自己操作时也遇到一些阻碍，这里做下记录，也给他人提供借鉴。 事不宜迟，进入正文。 正文 前端的操作 首先对于vue代码，如下操作： npm run build 将dist...
springboot+ueditor+OSS+若依框架+vue-cli3前后端分离
xyllp的博客
05-24 2451
一、准备UEditor 在 官网下载合适的UEditor(这里使用的是jsp版本) 解压红色框部分是前端需要的\color{red}{红色框部分是前端需要的}红色框部分是前端需要的，jsp文件夹里面的是后台需要的\color{blue}{jsp文件夹里面的是后台需要的}jsp文件夹里面的是后台需要的 二、vue-ueditor-wrap组件 安装vue-ueditor-wrap npm i vue-ueditor-wrap 在main.js引入vue-ueditor-wrap import VueUedi
SpringBoot前后端分离demo,后台工程+前台页面
01-08
包含后台的SpringBoot工程，前端的页面，和nginx-1.13.8的资源包，运行前请先阅读readme.txt。
SpringBoot2.2.6 整合Jwt实现前后端分离
04-23
SpringBoot2.2.6整合MyBatis3.5.4，利用JWT技术实现前后端分离 数据库采用的是MySQL
基于Spring Boot 2.x的前后端分离架构X-Boot 后台.zip
09-24
基于Spring Boot 2.x的前后端分离架构X-Boot 后台。.zip,基于Spring Boot 2.x的前后端分离开发平台X-Boot 前端：Vue iView Admin 后端：Spring Boot 2.x/Spring Security/JWT/Spring Data JPA Mybatis-Plus/Redis/Elasticsearch/Activiti 分布式限流/同步锁/验证码/SnowFlake雪花算法ID生成 动态权限管理 数据权限 工作流 代码生成 日志记录 定时任务 第三方社交账号、短信登录 单点登录
Springboot项目与vue项目整合打包的实现方式
08-25
主要介绍了Springboot项目与vue项目整合打包的实现方式,本文通过两种方式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
前后端分离-IIS部署Vue前端项目
热门推荐
by0920的博客
03-07 1万+
背景： 项目采用前后端分离技术，后端主要用springBoot+springCloud等技术，前端采用Vue。部署中遇到了种种问题，尤其是前端部署中，以下是采用IIS部署的详细步骤，以及问题的解决方案，希望能帮助到大家。后端运行步骤在另一篇文章中有记载，查阅：https://blog.csdn.net/by0920/article/details/87911408 首先，编写前端代码，安装no...
Spring boot项目前后端分离开发的基础知识和基本环境配置
YUMIAloogy的博客~
04-17 1412
Spring Boot是由Pivotal团队提供的基于Spring的全新框架，旨在简化Spring应用（有很多个pom文件）的初始搭建和开发过程。Spring Boot是所有基于Spring开发项目的起点Spring Boot就是尽可能地简化应用开发的门槛，让应用开发、测试、部署变得更加简单。
vue打包和路由跳转
oO|0_的博客
06-01 2718
vue打包：(路径设置)图片引自网上（忘记哪里找的，多谢）路由跳转：1、&lt;router-link to='aac'&gt;aac&lt;/router-link&gt;import aac from './aac'2、事件触发，然后 this.$router.push('/aac');在main.js中improt aac from './aac'const routes = [{path:...
springboot项目，后台配置了项目根路径，vue打包部署到后台，生成的文件访问不到
salty_oy的博客
07-22 919
修改vue配置文件/config/index.js： module.exports = { ... build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static'
springboot vue前后端分离打包部署服务器
07-25
对于Spring Boot和Vue的前后端分离项目，你可以按照以下步骤进行打包部署到服务器： 1. 后端部署： - 将Spring Boot项目打包成可执行的JAR文件。可以使用Maven或Gradle构建工具进行打包。 - 将打包好的JAR文件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值