前段时间使用Vue+Springboot写了个小项目,于是想部署到服务器上以便分享。于是,就开始了长达一天的踩坑之旅。。为了让读者(包括下一次想干这事的自己)少踩坑,把整个过程记录一下。 技术选型 服务器选择:云服务器我选择的是阿里云服务器,主要是之前有个域名在阿里云备案,解析到阿里云服务器方便些。 项目结构: Vue...
1、构建Vue项目,2、配置Spring Boot资源路径,3、将Vue项目打包文件放入Spring Boot项目的静态资源目录。下面将详细描述这些步骤。 一、构建Vue项目 安装依赖:首先确保你已经安装了Node.js和npm。然后在你的Vue项目根目录下运行以下命令来安装项目依赖: npm install 构建项目:在Vue项目根目录下运行以下命令来构建项目,...
项目部署——SpringBoot+Vue部署上线 一、Vue打包+部署 1. 打包(npm run build:prod) 打完之后会在src同级目录下生成dist文件下,点开index.html页面在浏览器打开,==会发现报错== 解决步骤: 打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl点击,跳转到index.js文件 其中dev是开发...
我使用的是vue-admin-template首先这个不能用正常的npm run build进行打包,他有一个生产环境的打包npm run build:stage和发布环境的打包npm run build:prod两个分别对应最外侧的.env.production和.env.staging,我们要在这里配置为 VUE_APP_BASE_API = 'https://blog.muvocal.com:9999/api' 1. 也就是我们刚才...
二,项目基础介绍 要上线的项目介绍(如果你已经自己写过了一份项目,那就不用看这一部分) 作为教材的是一个springboot+vue的项目,项目很小,只有使用mysql、elementUI。 但就是因为项目足够小,所以会让新手更容易认识理解如何上线项目。 该项目已经上传到我的github、gitee中。不过你就算不会git,什么都不懂也没事,...
以后端为spring-boot与前台为vue的项目举例。 一.给服务器安装相应的需求环境 1.安装jdk 安装方式可自行百度,推荐使用yum安装,安装完成后配置环境即可。 2.安装nginx。代理服务器,安装方式可自行百度,yum应该也是可以安装的。 二.部署后台代码 1.这里采用IDEA作为开发工具,只要通过maven的打包操作package在target那里找...
SpringBoot+Vue项目部署通常包括后端和前端的部署。以下是使用传统方式部署SpringBoot+Vue项目的步骤:一、后端部署 项目打包在后端,你需要将SpringBoot项目打包成一个可执行的jar包。你可以使用Maven来完成这个任务。首先,确保你的pom.xml文件中已经包含了必要的插件。例如,你可以添加以下插件来打包你的项目: <build> ...
日常开发项目上线或者部署个人博客网站,都离不开线上服务器部署应用。本文带你学会线上部署应用。以腾讯云轻量应用服务器部署SpringBoot、Vue项目为例。 🌟云服务器配置 域名配置 1.进入到轻量应用服务器控制台,选中域名。如下图所示 2.如果是首次购买域名,点击添加域名。之后点击添加域名解析 ...
vue前端如何集成到spring boot vue前端部署流程 由于之前对前端部署上线这一套不清楚,所以这次通过查找多方资料总结一下。使用Vue作先后端分离项目时,一般前端是单独部署,用户访问的也是前端项目地址,所以前端开发人员颇有必要熟悉一下项目部署的流程与各种问题的解决办法了。