文章目录1:项目部署所使用的工具或资源2:SpringBoot项目部署2.1更改跨域配置2.2项目打包2.3部署jar包2.3.1上传jar包和静态资源文件2.3.2安装JDK2.3.3安装MySQL2.3.4导入sql文件资源2.3.5运行jar包2.4接口测试3.Vue项目部署3.1更改代理服务器、axios、Vuex配置3.2将项目打包上传到云服务器3.3Nginx安装3.4部署第一个Vu
一、Vue打包+部署1. 打包(npm run build:prod)打完之后会在src同级目录下生成dist文件下,点开index.html页面在浏览器打开,==会发现报错==解决步骤:打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl点击,跳转到index.js文件其中dev是开发环境,build是构建
转载 2023-05-29 13:56:09
162阅读
# Spring Boot Vue 架构原理 ## 概述 本文将介绍如何使用 Spring Boot Vue 构建一个前后端分离的应用程序。首先,我们将展示整个流程的步骤,并在接下来的部分中,详细说明每一步需要做什么以及需要使用的代码。 ## 整体流程 下面是构建 Spring Boot Vue 架构的一般步骤,我们将在后续的部分中进行详细说明。 | 步骤 | 描述 | |-
原创 2023-08-01 01:21:07
156阅读
目录一.Vue工程 安装NodeJS与Vue-cliVue项目创建启动Vue项目:点击npm脚本serve改端口:在vue.config.js下Vue文件组成:template+script+style使用element前端服务器当前使用Ngix主要编写的文件二.SpringBoot的Web工程 启动带有@SpringBootApplication注解的类来启动服务,这个启动类
目录后端一、SpringBoot项目搭建二、添加基本工具类三、SpringBoot项目日志优化四、整合 MyBatis五、整合 Mybatis-generator六、整合 PageHelper 分页插件七、封装请求参数返回参数八、集成 Validation 做参数校验九、密码加密十、整合 JWT 实现登录权限校验十一、解决前后端交互相关问题前端一、Vue CLI 项目搭建二、多环境配置三、添加
转载 2024-03-11 15:53:08
401阅读
springboot&&vue简单的景点信息管理系统这两天闲着没有什么事,就根据陈哥的教程,试着写了一个springbootvue的简单的景点信息管理系统。也就大致实现了最基本的增删查改。先看看效果图吧:1、登陆界面:2、注册界面:3、进入后的主界面4、景点列表:效果大致就是这样,下面具体看看该项目吧!1、目录结构2、项目的创建这里就不再细说了,之前的文章都已经介绍的不少了,大致
转载 2024-06-05 14:44:26
165阅读
简介SmartAdmin由河南·洛阳 1024创新实验室团队研发的一套互联网企业级的通用型中后台解决方案!使用最前沿的前后台技术栈SpringBootVue,前后端分离,我们开源一套漂亮的代码一套整洁的代码规范,让大家在这浮躁的代码世界里感受到一股把代码写好的清流!同时又让开发者节省大量的时间,减少加班,快乐工作,热爱生活。SmartAdmin 让你从认识到忘不了,绝对是你最想要的!技术体系前
转载 2024-06-25 21:13:04
29阅读
开发环境:后端:开发语言:Java框架:springboot,mybatisJDK版本:JDK1.8数据库:mysql 5.7+数据库工具:Navicat11+开发软件:eclipse/ideaMaven包:Maven3.6前端:nodejs,vue数据库:mysql------------------------------------------------------------------
转载 2024-07-25 11:06:50
38阅读
Admin Cloud 是一款基于 SpringBoot + Vue 的前后端分离极速后台开发框架。Admin Cloud Boot 是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Spring Security、MyBatis、Jwt、Vue)。内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置;支持集
转载 2024-04-26 14:24:33
40阅读
# 从零开始实现springboot vue架构 ## 行动计划 为了帮助你理解如何实现springboot vue架构,我制定了以下步骤计划: ```markdown | 步骤 | 描述 | |------|--------------------------------------| | 1 | 创建一个Spring
原创 2024-06-18 06:35:06
31阅读
①创建一台opencloud8的腾讯云服务器②用xshell连接服务器③vue中新建.env.development配置文件 .env.development:VUE_APP_BASEURL='http://localhost:9090' .env.production:VUE_APP_BASEURL='http://服务器ip:9090'④修改main.jsimport Vu
# Spring Boot 与 Vue.js 架构详解 在当前的Web应用开发中,前后端分离的架构越来越受到欢迎。Spring Boot与Vue.js的结合,是一种高效构建现代化Web应用的方式。本文将围绕Spring BootVue.js的架构进行探讨,并通过示例代码、饼状图状态图来阐述其关键概念应用。 ## 1. 什么是Spring Boot? Spring Boot是一个用于简化
原创 9月前
90阅读
一、准备工作1.1 下载node + vue① 下载 nodenode.js下载地址:建议下载稳定版Node.jshttps://nodejs.org/zh-cn/② 下载vue在控制台输入如下指令npm install -g @vue/cli 1.2 租用xx云服务器,这里以阿里云服务器为例建议百度 阿里云/华为云/百度云服务器购买教程,下面给两个挺好的例子SpringBoot项目部署
转载 2024-03-14 17:08:58
113阅读
很多小伙伴写了前后台分离项目,需要部署,往往第一次部署都会有许多坑要踩,我第一次部署也是踩了许多坑,先在把我自己踩的坑步骤列出来(仅仅代表个人踩坑所遇见的问题) 1.首先打包好vue前台项目,使用npm run build打包,如果是淘宝镜像用自己的方式打包,如下:[出现这个字样代表打包成功,因为我是已经打包了的,所以是这样。找到打包好的文件路径拖至服务器。 2.找到自己的springboot
转载 2023-11-14 03:04:01
192阅读
一、创建EC2示例(如果已创建则跳过)1)打开 Amazon EC2 控制台,点击EC22)启动实例3)在 Instance type(实例类型)下,选择 t2.micro。4)创建密钥对5)启动实例。二、创建MySQL数据库实例1)打开 Amazon 控制台,点击 RDS2)一次配置即可3)点击创建数据库,创建之后即启动成功。三、连接MySQL数据库1)进入MySQL实例2)
转载 2024-06-07 11:00:57
75阅读
### **Spring BootVue交互架构图** 在实现"Spring BootVue交互架构图"之前,我们首先需要了解整个流程。下面是实现该架构的步骤: | 步骤 | 描述 | | --- | --- | | 1 | 创建Spring Boot项目 | | 2 | 配置Spring Boot后端API | | 3 | 创建Vue项目 | | 4 | 配置Vue前端页面 | | 5
原创 2023-11-30 13:17:32
1289阅读
springboot后端部署1.前提条件 可执行的springboot源码文件,Linux服务器,写好的vue前端项目2.执行步骤 a. 打开springboot项目中的配置文件application.yaml b.配置服务器端口号 c.将springboot后端项目打包d.在springboot文件中找到刚才对应的jar包e.使用xshell上传到本地服务器(在想要存放对应文件目录中使用rz或者
转载 2023-10-15 06:55:02
133阅读
目录一、概要二、采用技术及API三、系统主要功能四、图片展示五、资源分享一、概要这个系统是在博主的毕业设计,由于是当时是刚开始使用vuespringboot所以这个项目的相关技术上面可能会有一些不合理。二、采用技术及API系统主要才用了vue框架技springBoot的后端接口,采用了前后端分离的方式进行数据交互;同时为了符合当前的旅游系统的要求增加了:支付宝付款API、百度地图API、七牛云云
1、简介最近博主买了一个服务器,想要将毕设项目系统打包并且在服务器上运行,本文就是讲述如何将项目打包并且在服务器上运行。2、运行环境搭建后端开发的是springboot项目,前端是vue3项目,服务器使用的是window。需要使用到jdk8.0node,node无版本要求,直接在官网下载即可。jdk8.0版本下载地址:链接:://pan.baidu.com/s/1cFZUaW8O
转载 2023-12-28 10:13:32
8阅读
一、首先拿到spring boot + vue项目,可以从git 上获取到        1、spring boot 项目导入idea中启动,运行mian函数启动项目(tomcat端口改为80) 二、安装node(最新版)https://nodejs.org/en/download/(具体安装过程,查百度)      &nbsp
  • 1
  • 2
  • 3
  • 4
  • 5