目录一、 跨域1. 什么是跨域？2. 什么是本域？3. 浏览器请求的三种报错二、SpringBoot解决跨域问题+其他前后端跨域请求解决方案1. SpringBoot上直接添加@CrossOrigin2. 处理跨域请求的Configuration3. 采用过滤器的方式3.1 方式一 3.2 方式二4. 其他解决方案---NGINX反向代理三、VUE的前后端交互1. 前后端交互模
转载
2024-09-19 06:49:47
30阅读
这一周主要完成了vue前端和springboot后端的交互连接，下面是写代码时遇到的难点。axios的get方法和post方法 我们使用axios进行前后端通信，get方法用来获得数据，post方法用来提交数据。springboot的controller层的方法都有一个对应的mapping url，所以前端可以使用axios.get方法，其url参数填写相应后端方法的mapping url
转载
2023-12-18 23:17:52
137阅读
Vue中前后端交互Promise的基本使用基本使用多个请求，链式编程Promise的API---实例方法Promise的API---对象方法（直接通过Promise函数名称调用的方法）接口调用-fetch用法基本使用常用配置选项GET请求传统url请求传参---通过“？”传递参数restful形式url传递参数---通过“/”传递参数DELETE请求POST请求方式的参数传递body为查询字符串
转载
2024-01-11 09:13:40
134阅读
# Vue 如何连接 Python
在现代 web 开发中，前端框架与后端服务之间的数据交换至关重要。Vue.js 是当前流行的前端框架，而 Python 则因其简洁易用的特性越来越多地被用于后端开发。本文将介绍如何将 Vue.js 连接到 Python 后端，涵盖项目结构、代码示例以及如何进行数据交互。
## 项目结构
首先，我们需要确定我们的项目结构，以便后续开发的便利性。一个典型的项目
【09.vue中组件的自定义事件】自定义组件链接在vue中用的click【点击】、keyup【按键】……等事件，这些属于内置事件，也就是js自带的事件。问题一：什么是组件自定义事件呢？【内置事件】:是给html元素用的，比如span、div等标签，不是组件。 【自定义事件】：顾名思义就是自己打造的事件，包含事件名，事件回调函数等，定义好之后去给组件使用。也是一种组件间的通信方式，适用于子组件==&
部署方式最初打算将Django项目部署到Nginx服务器，此部署除了需要Nginx服务器外，还需要一个和Nginx服务器进行通信的协议软件-----uwsgi。可是，经过尝试，最终没能成功将uwsgi安装在win10服务器上，搜到关于uwsgi教程都是在linux上的部署。服务器都是win10，所以最终选择部署在IIS上。Django+Vue的项目，实际部署的时候有两种方法：1.在Django上集
转载
2024-04-16 13:16:23
55阅读
一. MySQL的基本命令需要注意的是: 以下所有命令中如过结尾有分号(;)的一定不能省略, 否则不是一条完整的命令, 系统会提示你继续输入命令1. 连接数据库格式：mysql -u 用户名 -p
示例：mysql -u root -p
// 此处会提示你输入密码(安装时设置的)2. 远程连接链接他人或其他服务器的数据库
格式：mysql -h ip地址 -u 用户名 -p
输入对方mys
转载
2024-03-14 06:49:08
60阅读
敲代码要有点逼格、要有点追求、1.暴露问题一般地，我们在vue项目中经常会用到vue-resource或者axios来进行网络数据请求、刚接触不久的同学会很自然的直接调用其api来进行请求，例如：这种将url直接写死的，直接拖出去打死吧、【如果服务地址发生变化，整个项目接口都需要去更改】 这种稍微好点的，知道将地址配成一个全局变量。【总感觉还是太过累赘，而且并不能直观反应这段请求的目的是
转载
2023-07-27 18:33:15
174阅读
基于webpack的配置调试使用Vue-cli命令行工具初始化基于wabpack模板的项目的命令语法：npm install -g @vue/cli # 全局安装vue-cli,版本vue3.x
vue init webpack [my-project] [app-name] # 使用vue-cli初始化一个完整的webpack项目。
cd my-project
转载
2024-05-16 20:32:16
120阅读
目录一、Vue项目介绍二、组件相关知识点三、路由相关知识点路由配置四、vuex五、vue-cookie六、axios上一篇我们说了Vue项目平台搭建以及Vue项目目录说明，这篇我们说一下如何使用Vue项目进行前端项目开发一、Vue项目介绍Vue是一个单页面页用，我们用到的html在public文件夹下入口文件根组件页面组件路由配置文件二、组件相关知识点'''
1、vue项目的请求生命周期：main
转载
2023-08-25 23:20:58
112阅读
一、简介 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax
# Python前端Vue简介与示例
## 1. 什么是Python前端Vue？
Python是一种高级编程语言，而Vue是一种流行的前端JavaScript框架。Python前端Vue是将Python与Vue框架结合使用的一种开发方式。它允许开发者使用Python语言编写的后端代码与Vue框架编写的前端代码进行交互，从而实现前后端分离的开发模式。
## 2. Python前端Vue的优势
原创
2023-12-06 17:26:32
45阅读
# Python爬虫如何获取前端Vue脚本
在现代网页开发中，Vue.js是一种广泛使用的前端框架。它通过组件化的方式管理用户界面，使得开发者能够更加高效和灵活地构建单页应用。然而，由于其运行在浏览器上的特性，使用传统的爬虫工具如`requests`和`BeautifulSoup`往往无法直接获取Vue.js生成的HTML内容。本篇文章将深入探讨如何使用Python获取前端Vue脚本，并提供详细
## Vue前端如何部署
### 1. 流程概述
在部署Vue前端项目时，一般需要将项目打包成静态文件，然后将这些文件部署到服务器上。下面是部署Vue前端项目的一般步骤：
| 步骤 | 描述 |
| ---------------------------------|
原创
2024-05-22 10:19:21
123阅读
前后端开发环境搭建总结背景环境需求环境准备Node.jsVue-Cli创建前端项目创建后端项目连接前后端编译前端项目修改Django项目配置启动Django服务器个人网站 背景本文基于具备一定python后端基础，想通过基于Django，结合时下热门的前端框架Vue，来了解web前后端开发的角度作总结描述。 因此，本文假定已经安装好了python环境、Django模块。环境需求python开发环
转载
2024-03-08 19:39:35
192阅读
则在本地开发时是没有问题的，但是在发布到云端后会报错， 这是因为此时这个POST请求是由浏览器直接向localhost这个地址，通俗讲就是浏览这个页面的电脑发出的，在这里自然是找不到8081上的接口，因为接口发布在云端嘛。解决办法有3种，最后一种是目前采用的解决办法。1）直接在axios中写后端接口的具体地址如下：axios.defaults.baseURL = ‘接口具体IP地址+
转载
2024-10-15 17:18:58
108阅读
# Vue 前端与 Java 后端连接方案
在现代的Web开发中，前后端分离的架构逐渐成为主流。本文将会详细探讨如何使用 Vue.js 作为前端框架与 Java 后端进行连接，并示范一个简单的项目实现方案。
## 项目背景
假设我们需要开发一个用户管理系统，前端通过 Vue.js 提供用户界面，而后端使用 Java Spring Boot 处理业务逻辑。实现过程中，前后端通过 RESTful
原创
2024-10-06 05:13:03
964阅读
目录：前言：0.服务器的准备1.前端排查打包。1.1 打开vscode前端，查看所有前端的请求端口，并且修改：1.2 打包前端到后端IDEA中。2.后端排查打包2.1 配置sql请求的域名2.2 打包项目，生成jar包。!!!主角：服务器mysql的配置。1️⃣用ssh工具连接服务器，或者本地cmd输入指令2️⃣ 安装mysql获取并挂载社区版mysql3️⃣进行配置。启动mysql验证是否运行
转载
2024-04-27 18:18:08
1311阅读
### 前端如何连接 RabbitMQ
RabbitMQ 是一个开源的消息队列中间件，可以作为前端和后端之间的通信桥梁。前端可以通过 RabbitMQ 发送和接收消息，实现实时通信、异步处理等功能。本文将介绍如何在前端中连接 RabbitMQ，并通过代码示例展示具体的实现过程。
### RabbitMQ 简介
RabbitMQ 是一个基于 AMQP（Advanced Message Queu
原创
2024-01-12 17:44:32
217阅读
什么是websocket这里就不进行介绍了，有兴趣的可以自己百度，或许后面我也会发文章介绍。主要演示一下代码的实现，红色标注部分 需要格外注意1、 引入依赖websocket<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-star
转载
2024-02-16 10:18:36
115阅读
