目录一、 跨域1. 什么是跨域?2. 什么是本域?3. 浏览器请求的三种报错二、SpringBoot解决跨域问题+其他前后端跨域请求解决方案1. SpringBoot上直接添加@CrossOrigin2. 处理跨域请求的Configuration3. 采用过滤器的方式3.1 方式一 3.2 方式二4. 其他解决方案---NGINX反向代理三、VUE的前后端交互1. 前后端交互模
转载
2024-09-19 06:49:47
30阅读
【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阅读
这一周主要完成了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项目介绍二、组件相关知识点三、路由相关知识点路由配置四、vuex五、vue-cookie六、axios上一篇我们说了Vue项目平台搭建以及Vue项目目录说明,这篇我们说一下如何使用Vue项目进行前端项目开发一、Vue项目介绍Vue是一个单页面页用,我们用到的html在public文件夹下入口文件根组件页面组件路由配置文件二、组件相关知识点'''
1、vue项目的请求生命周期:main
转载
2023-08-25 23:20:58
112阅读
# Python前端Vue简介与示例
## 1. 什么是Python前端Vue?
Python是一种高级编程语言,而Vue是一种流行的前端JavaScript框架。Python前端Vue是将Python与Vue框架结合使用的一种开发方式。它允许开发者使用Python语言编写的后端代码与Vue框架编写的前端代码进行交互,从而实现前后端分离的开发模式。
## 2. Python前端Vue的优势
原创
2023-12-06 17:26:32
45阅读
前后端开发环境搭建总结背景环境需求环境准备Node.jsVue-Cli创建前端项目创建后端项目连接前后端编译前端项目修改Django项目配置启动Django服务器个人网站 背景本文基于具备一定python后端基础,想通过基于Django,结合时下热门的前端框架Vue,来了解web前后端开发的角度作总结描述。 因此,本文假定已经安装好了python环境、Django模块。环境需求python开发环
转载
2024-03-08 19:39:35
192阅读
目录:前言: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
1320阅读
# Vue 前端与 Java 后端连接方案
在现代的Web开发中,前后端分离的架构逐渐成为主流。本文将会详细探讨如何使用 Vue.js 作为前端框架与 Java 后端进行连接,并示范一个简单的项目实现方案。
## 项目背景
假设我们需要开发一个用户管理系统,前端通过 Vue.js 提供用户界面,而后端使用 Java Spring Boot 处理业务逻辑。实现过程中,前后端通过 RESTful
原创
2024-10-06 05:13:03
974阅读
则在本地开发时是没有问题的,但是在发布到云端后会报错, 这是因为此时这个POST请求是由浏览器直接向localhost这个地址,通俗讲就是浏览这个页面的电脑发出的,在这里自然是找不到8081上的接口,因为接口发布在云端嘛。解决办法有3种,最后一种是目前采用的解决办法。1)直接在axios中写后端接口的具体地址如下:axios.defaults.baseURL = ‘接口具体IP地址+
转载
2024-10-15 17:18:58
108阅读
Vue中前后端交互Promise的基本使用基本使用多个请求,链式编程Promise的API---实例方法Promise的API---对象方法(直接通过Promise函数名称调用的方法)接口调用-fetch用法基本使用常用配置选项GET请求传统url请求传参---通过“?”传递参数restful形式url传递参数---通过“/”传递参数DELETE请求POST请求方式的参数传递body为查询字符串
转载
2024-01-11 09:13:40
134阅读
什么是websocket这里就不进行介绍了,有兴趣的可以自己百度,或许后面我也会发文章介绍。主要演示一下代码的实现,红色标注部分 需要格外注意1、 引入依赖websocket<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-star
转载
2024-02-16 10:18:36
115阅读
当导师给我“知识图谱”这个题目的时候我是很懵的,知识图谱是一个比较新的概念,网上相关的项目太少了,让我这个“CV工程师”无处可发挥,但事关毕业,无论如何也得磕下来。查阅无数资料以及和导师讨论过后,我做出了项目原型。整个程序涉及的内容还是比较多的,也算是把我大学林林总总学过的技术做了一个结合。目前写完的程序肯定不是最完美的,但起码所有的功能都已经实现了,项目的完整度是很高的,包括页面设计、前端代码、
Vue的使用 – 基于Vue搭建前端页面首先,用到的前端技术只有 Vue、Element-ui、axios、Echarts,至于其它的技术点,我一个后端很少接触。 其次,Echarts 我也不怎么会用(就省略了)。 最后,我是使用 vue ui 界面来搭建前端的。安装 Vue、Vue-cli我使用 npm 安装 Vue、Vue 脚手架# 加上 [-g] 是全局安装/删除
# 如果想要删除([]里
转载
2023-12-28 12:23:03
283阅读
文章目录了解前后端分离后端 php连接mysql,把数据输出前端 vue脚手架的跨域配置 请求数据 了解前后端分离前后端的分离分为两步:后端通过了解前端需要哪些数据,用php,java,c#等向数据取数据,然后把取出的数据发布地址到服务器,前端通过get,post请求向后端发布到服务器的地址请求数据,然后把返回的数据加载到页面上。前后端实现的首要点就是解决跨域问题跨域:出于浏览器的同源策略限制。
转载
2023-10-08 06:43:40
83阅读
Vue 小结本次串讲的主要目的在于给我们移动端的同学揭秘下目前前端开发的现状,和一些典型框架或者说是库的产生背景、以及设计思想和解决了什么样的问题。以 Vue.js 为例。此次讲解围绕以下几个方面展开:MV* 框架模式Vue.js 的概述Vue MVVM 的实现Vue 与 React 的对比有 Vue 基础如何快速上手 WeexMV* 框架模式<div id='1'></di
**实现"Vue前端Python后端"的流程**
首先,让我们来看一下整个实现"Vue前端Python后端"的流程,我将用一个表格展示每个步骤的具体内容。
| 步骤 | 内容 |
| -------- | -------- |
| 1 | 搭建Vue前端项目 |
| 2 | 编写前端页面和组件 |
| 3 | 配置前端与后端的接口通信 |
| 4 | 搭建Python后端项目 |
| 5 |
原创
2024-06-27 05:34:58
162阅读
# 如何将前端 Vue 与后端 Python 结合
在现代 web 开发中,前后端分离已成为一种流行的架构模式。在这篇文章中,我们将一起学习如何使用 Vue.js 创建一个前端界面,并使用 Python 的 Flask 框架搭建后端 API。
## 整体流程
以下表格简要展示了实现“前端 Vue 和后端 Python”的一般流程:
| 步骤 | 描述
原创
2024-10-05 05:53:54
159阅读
操作系统为方便开发之间相互对接调试和测试,建议使用Mac或者Linux等操作系统,不建议使用Windows操作系统。我自己的电脑目前常用的系统openSUSE Leap 42.1 (x86_64)
我们开发没有考虑IE,最新版的IE能兼容就兼容,不能兼容我们就强制用户使用chrome了。文本编辑器文本编辑器建议使用Atom,国内镜像下载地址.一些Atom前端相关插件angularjsatom-
一、javaScript概述1.1、JavaScript历史为了统一三家,ECMA(欧洲计算机制造协会)定义了ECMA-262规范.国际标准化组织及国际电工委员会(ISO/IEC)也采纳 ECMAScript 作为标准(ISO/IEC-16262)。从此,Web 浏览器就开始努力(虽然有着不同的程度的成功和失败)将 ECMAScript 作为 JavaScript 实现的基础。EcmaScript