myfirstVue_rear:https://gitee.com/wulinchun/myfirst-vue_rear.git 1、前期准备 首先要安装好node.js、vue-cli、webpack。 2、创建一个vue项目 首先进入到vue项目所要创建到的目录下,然后使用命令“vue init webpack 项目名”在该目录下创建vue项目。 vue init webpack 项目名 1. vue创建说明: standalone...
前端vue+后端spring boot,第一次采用这种分离形式进行开发,最近项目要上线了,需要部署到服务器上,因为自己还是刚刚接触学习这种分离开发的模式,部署的时候遇到了很多问题,最近几天搞这个上线的事情被虐得心态差点崩溃,刚从一个坑里出来立马又被拖进另一个坑,深刻体会到——学海无涯苦作舟,特此记录小结一下,也算是...
不能直接在组件中直接写饿了么样式,因为单组件有scoped,所以需要在app.vue中直接定义饿了么分页样式写,注意不能加scope! 开发中在App.vue上写全局样式,饿了么分页可以修改,但我打包部署后,在app.vue上修改的样式(饿了么分页)无效,于是只能修改内部插件的样式, 在node_modules\element-ui\lib\theme-chalk\index...
以腾讯云轻量应用服务器部署SpringBoot、Vue项目为例。 🌟云服务器配置 域名配置 1.进入到轻量应用服务器控制台,选中域名。如下图所示 2.如果是首次购买域名,点击添加域名。之后点击添加域名解析 3.此时是A记录,主机名前方命名根据个人需要起名称。一定要勾选实例 端口开放-防火墙配置 1.找到服务器中的防火墙配置...
第一个baiwei-0.0.1-SNAPSHOT.jar表示打包成的可执行 jar ,第二个baiwei-0.0.1-SNAPSHOT.jar.original则是在打包过程中 ,被重命名的 jar,这是一个不可执行 jar,但是可以被其他项目依赖的 jar。通过对这两个文件的解压,我们可以看出这两者之间的差异。都先改成zip的后缀,解压看看目录结构 ...
最近准备把项目的前后端一起部署到服务器上, 期间遇到了一些问题, 花了一些时间之后, 成功部署上线, 接下来我会详细描述一下部署上线的过程, 分成前端和后端部分 1.前端 我们这个项目是用vite作为脚手架的, 首先, 我们需要新建一个config文件夹, 写上基础配置, 如下图 ...
相对来说前端的部署没有遇到太多问题,所以我们先从前端开始 2.1 Vue 由于我使用了Vue-cli,所以项目完成后通过执行命令npm run build程序就会自动打包到项目目录下的dist文件夹,打包后的目录结构如下: 之后通过Xftp将这个文件夹上传至云服务器上,之前我已经新建了一个文件夹来存放,因为我们还可能有其他项目,并且后台也...
之后直接点击图中的package就可完成后端打包 此时就可在对应的文件夹中看到生成的包 然后只需要在目录栏中输入cmd,命令提示符进入对应的目录, java -jar xxx.jar(可打出第一个字母tab补全) 至此后端项目就完成了 前端vue部署 首先在项目根目录下创建vue.config.js文件 ...
打包部署 环境配置完之后,就需要把本地的前后端项目分别打包上传到服务器。 前端文件打包 用管理员身份进入Vue文件夹,使用命令 代码语言:javascript 复制 npm run build 打包好生成dist文件。 使用WinSCP上传到usr/server/ 至此,前端文件上传完毕。 后端文件打包 在IDEA中依次执行clean,compile,package 生成target文...