本博文主要介绍如何使用Vue +SpringBoot实现前后端分离，实现简单登录功能。 本项目分为前端(vue)和后端(SpringBoot)两大模块。一、前端1.新建vue-cli项目进入cmd命令行，输入如下命令：C:\Users\Administrator>f:
F:\>cd F:\Study\vue\projectpractice
F:\Study\vue\pro
转载
2023-10-18 20:46:57
158阅读
# Docker 部署 Vue 前后端分离应用
随着前后端分离架构的流行，如何高效地部署前后端分离的应用成为了开发者面临的重要问题。Docker 提供了一种轻量级的虚拟化方式，可以帮助我们快速构建、打包和分发容器化应用。本文将介绍如何使用 Docker 部署一个前后端分离的 Vue 应用与 Node.js 后端。
## 1. 准备工作
在开始之前，请确保您的机器上已安装以下工具：
- Do
文章目录前后端分离项目部署（服务器或本地）前端部署（以vue项目为例）后端部署（以Springboot项目为例）补充 前后端分离项目部署（服务器或本地）前端部署（以vue项目为例）部署环境：Nginx 配置文件：vue.config.js 更多可见此文章vue项目打包与配置-学习笔记（vuecli4）： 以下是vuecli2：CDN优化：module.exports = {
...
转载
2024-04-19 15:37:17
125阅读
目录前置条件方法一：把前端项目打包，作为后端项目的静态文件，再把后端项目部署在应用服务器中方法二： 把前端项目部署在 web 服务器中，把后端项目部署在应用服务器中 前置条件首先需要我们写好两个项目（分别是前端和后端的），要写好前后端接口 接口按照我这样写，我这里使用的是axios，使用方法可以参考我的另一篇博客：vue cli4使用axios（通过RAP2生成后端接口） 这个项目先运行后端再运
转载
2023-08-10 13:31:15
353阅读
文章目录前言一、环境准备二、SpringBoot项目打jar包1.1 使用Maven的package插件打包1.2 上传至Linux服务器三、Vue项目打包1.1 修改后台请求地址1.2 生成dist文件1.3 上传至linux服务器三、配置Nginx四、启动项目1.1 启动Nginx服务器1.2 启动SpringBoot1.3 访问项目总结 前言Java企业开发少不了Spring Boot 加
转载
2023-12-11 13:34:37
139阅读
项目代码地址前端： https://gitee.com/chenfenbgin/vuedemo 后端和数据库建表sql： https://gitee.com/chenfenbgin/vuespringbootdemo一、vue1、概述： 前后端分离就是将一个单体应用拆分成两个独立的应用，前端应用和后端应用以JSON格式进行数据交互。2、创建一个vue项目，只有vue3.0后才有图形界面0 1. 使
转载
2023-09-12 13:52:35
420阅读
# 前后端分离的Docker与Vue基础
前后端分离是一种现代Web开发的架构模式，指的是将前端和后端的代码分开，前端负责用户界面和用户体验，后端则负责数据和业务逻辑。这样的架构使得开发和部署过程变得更加灵活，也有助于团队协作。本文将介绍如何使用Docker来构建一个前后端分离的应用，其中前端使用Vue.js框架。
## 什么是Docker？
Docker是一个开源的容器化平台，可以让开发者
Vue 概述与环境安装1. 前后端分离 前后端分离属于软件架构的一种，其核心思想是把前端项目（Node.js 服务）和后端项目独立部署到不同的服务器上，前端项目再通过 Ajax 请求服务器端项目 Restful 接口实现数据交互。前后端分离就是将一个项目的前端代码和后端代码分开写，为什么要这样做呢？如果不使用前后端分离的方式会有哪些问题呢？ 在传统的 JavaWeb 开发中，前端使用 JSP
转载
2024-07-13 16:13:50
67阅读
前置条件：1. 一个域名2.一个前端打包项目3.一个后端打包项目4.一台阿里云虚拟机5. SSL的证书文件一、前端配置https1、准备一个vue项目，并且打包成dist包npm run build2、在阿里云上申请一个域名， 并且进行ICP备案（20天内完成）3、域名完成备案后， 申请SSL免费证书 此处的Nginx证书下载完后得到（domainName.key, domainName
转载
2023-08-24 12:42:00
232阅读
## Docker 部署前后端分离
在现代 Web 开发中，前端和后端往往是分离开发和部署的。前端开发团队负责编写用户界面和交互逻辑，后端开发团队负责处理数据和业务逻辑。为了方便整体的部署和管理，我们可以使用 Docker 技术来部署前后端分离的应用。
### Docker 简介
Docker 是一种容器化技术，它可以将应用及其依赖打包成一个可移植的容器，可以在不同的环境中运行。通过 Doc
原创
2023-07-22 11:49:19
203阅读
最近做了一个项目，前端用vue写了一个网站，后端用flask，并连接训练好的Pytorch模型。第一次将项目部署到云服务器，在部署的过程中花了挺多功夫，在此记录一下。具体配置前端：vue3后端：flask 2.2.2服务器：阿里云服务器服务器在阿里云购买所需配置的服务器，可以查看对应的公网和私网IP，通过”远程连接“连接上这个云服务器，有许多文章对此有详细的使用说明，此处便不再赘述。 前端部署安装
转载
2023-09-21 14:34:36
292阅读
VueMVVM思想M：module 包括数据和一些基本操作 V：view 视图，页面渲染结果 VM：View-module，模型与视图间的双向操作（无需开发人员干涉） 视图和数据通过VM绑定起来，模型里有变化会自动地通过Directives填写到视图中，视图表单中添加了内容也会自动地通过DOM Listeners保存到模型中。教程：Vue: https://cn.vuejs.org/v2/guid
有小伙伴私信问我vue项目是如何进行前后端不分离打包发布的，那我岂能坐视不管，如此宠粉的我肯定是要给发一篇教程的，话不多说，开始操作前端假如我们要发布我们的Vue项目，假设我们前端用的是history路由(要发就发个全套的)，并且在后端带有一个二级目录，以便于可以在服务器上部署N个项目，在这里后台服务器的话，我用Nginx服务器来给大家模拟，接下来就面对疾风吧： 一、在这里我前端vue项目使用vu
转载
2023-08-03 22:01:05
123阅读
一、环境准备 (1) 服务器环境window server 2008操作系统 + 2.4GH+ 4G内存的服务器。 (2) 软件安装需要安装jdk1.8版本、apache-tomcat 8.0以上、nginx-1.13.12,具体安装过程和环境搭建自己百度。（3）nginx的代理配置进入nginx的目录下cong/nginx.conf文件中,添加如下代理:二、前后端打包 （1）
转载
2023-10-10 09:20:39
93阅读
不爱吃辣Doc
转载
2022-01-15 17:19:34
1955阅读
背景：项目采用前后端分离技术，后端主要用springBoot+springCloud等技术，前端采用Vue。部署中遇到了种种问题，尤其是前端部署中，以下是采用IIS部署的详细步骤，以及问题的解决方案，希望能帮助到大家。后端运行步骤在另一篇文章中有记载，查阅：首先，编写前端代码，安装nodes环境（自行百度），代码编写完后，修改config文件夹下的index.js中的IP地址,然后将Vue前端项目
转载
2023-10-29 19:00:58
227阅读
SSM+Vue前后端分离项目部署1. 项目概述2 项目源码3. ECS服务器3.1 环境需求3.2 JDK环境搭建3.3 宝塔Linux面板：应用商店安装服务器3.4 宝塔Linux面板：MySQL密码修改与添加数据库3.4 XShell工具：添加Tomcat文件服务器4. SSM项目部署4.1 修改MySQL配置文件信息4.2 修改Redis连接配置信息4.3 通过Maven打包工具-创建wa
转载
2023-11-24 21:25:06
0阅读
目录前后端分离实现技术创建vue项目在idea中打开新建页面创建SpringBoot应用创建实体对象与数据库表元素绑定创建实体类接口前端调用数据跨域传输在springboot中解决总结 前后端分离前后端分离就是将一个应用的前端和后端代码分开写，为何如此？ 如果不使用前后端分离，会有什么问题？ 传统Java Web开发过程中，前端使用JSP开发，流程为 前端工程师写HTML页面→后端工程师在此基础
转载
2023-11-08 23:01:38
118阅读
核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架
转载
2023-10-20 19:43:12
32阅读
VUE构建前后端分离的前端项目（超详细）1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势：分工明确，提高工作效率，前端主要关注页面、用户体验，后端主要关注业务、安全。性能提升，前端通过路由配置实现按需加载，后端无需解析前端页面。前后端同时开发，提升开发效率。发
转载
2023-07-04 20:29:31
565阅读
