后端接口测试成功后只需要对接前端，首次登录成功后将后端传递的token利用vuex相关知识进行存储，在全局请求拦截器前添加相应的token前端跨域const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true
})
mod
转载
2023-10-20 14:01:23
26阅读
什么是websocket这里就不进行介绍了，有兴趣的可以自己百度，或许后面我也会发文章介绍。主要演示一下代码的实现，红色标注部分 需要格外注意1、 引入依赖websocket<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-star
转载
2024-02-16 10:18:36
115阅读
Maven 构建项目1、访问 http://start.spring.io/ 2、选择构建工具 Maven Project、Java、Spring Boot 版本 2.1.3 以及一些工程基本信息，可参考下图所示：3、点击 Generate Project 下载项目压缩包 4、解压后，使用 Idea 导入项目，File -> New -> Model from Existing Sou
1. 请求长度的限制 在HTTP协议中，从未规定GET/POST的请求长度限制，对于GET，对url的限制来源于浏览器或web服务器，浏览器和服务器限制了url的长度。因此，在使用GET请求时，传输数据会受到URL长度的限制。对于POST，由于没有url传值，理论上是不会受到限制的，但是实际上各个服务器会对POST提交的数据大小进行限制，Apa
转载
2024-04-30 23:06:04
77阅读
一个基本的RESTfule service最进场向外提供的请求Method就是Get和Post。在Get中，常用的都会在请求上带上参数，或者是路径参数。响应Json。在Post中，常用的会提交form data或者json data作为参数，响应Json。1. Get请求，url传参，返回json。先准备一个请求后，响应的对象。package com.example.demo;
public cl
转载
2024-07-24 13:29:39
166阅读
export const getConsumablesInfoReq = (current, size, queryVo) => { return request({ url:'/api/manage/list', method:'get', params:{ current, size, ...q
普通的MVC设计模式中M代表模型层，V代表视图层，C代表控制器，SpringMVC是一个典型的MVC设置模式的框架，对于视图和控制器的优化很多，其中就有与控制器相结合的JSP的表单标签库。我们先简单写一个JSP的文件，使用普通的HTML的表单： 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
2
转载
2024-09-17 20:49:16
183阅读
今天在做项目的时候发现的问题，这里做一下记录，已经解决了问题，但是原理尚不明确（感觉是框架的原因，但是我没有证据，对qiankun不太了解）项目描述：采用的微前端框架qiankun，进行子系统的开发，子系统是可以独立运行的。问题：动态添加html元素并添加点击事件，子系统独立运行时点击事件生效，使用微前端框架后，点击事件找不到绑定的方法。首先，在vue中动态添加html元素并添加点击事件的连接桥梁
转载
2024-04-01 06:27:08
123阅读
一、指令1.v-text{{ msg }}2.v-html更新元素的 innerHTML ，内容按普通 HTML 插入，不会作为 Vue 模板进行编译，如果试图使用 v-html 组合模板，可以重新考虑是否通过使用组件来代替在网站上动态渲染任意 HTML 是非常危险的，因为容易导致 XSS 攻击，只在可信内容上使用 v-html ，永不用在用户提交的内容上在单文件组件里， scoped 的样式不会
转载
2024-04-24 16:29:10
7阅读
环境安装2.1前端安装指南2.1.1 开发环境前端开发环境居于NPM环境，使用VS Code开发2.1.2 技术选型前端技术主要使用Vue.js和Element UI框架。2.1.3 项目结构mango-ui–build:项目编译相关模块，项目模板自动生成 –config:项目配置相关模块，项目模板自动生成 –src:项目源码模块，前端开发工作集中在此目录----assets:图标，字体，国际化信
转载
2024-06-25 21:42:42
21阅读
1. JSON（JavaScript Object Notation）JSON 是一种轻量级的数据交换格式，用来方便的表示对象，作为前后端传递的对象数据//JSON的属性名必须有双引号，如果值是字符串，也必须带双引号
var jsonObj = {
"key1":10, //数字
"key2":"name", //字符串
"key3":true, //布尔类型
"ke
转载
2024-06-12 05:59:50
196阅读
确保后端API的地址和端口与前端配置的axios baseURL 匹配，以确保请求被正确路由到后端。跨域请求通常发生在前端应用运行在
原创
2023-11-04 04:54:00
93阅读
方法一、技术实现：fileSaver.js+html-docx-js1.npm安装$ npm install --save html-docx-js
$ npm install --save file-saver2.引入import htmlDocx from 'html-docx-js/dist/html-docx';
import saveAs from 'file-saver';3.导出wo
本文主要解决①.vue-cli默认配置打包后部署至特定路径下静态资源路径错误问题;②.静态资源打包使用相对路径后css文件引入大图片路径错误问题。问题vue-cli 脚手架生成的默认打包配置文件情况下运行 npm run build 打包后，部署项目至特定路径下：如：//ip:port/public/springActivity/
复制代码此时访问：http://ip:port/public/sp
# 使用 Vue 和 Html5Qrcode 请求相机权限
在现代网页应用中，扫码功能变得越来越流行，尤其是在支付或身份验证等场景中。使用 `Html5Qrcode` 库和 Vue 框架，可以轻松地实现对相机的访问和二维码扫描功能。本文将向你展示如何实现相机权限请求，详细分步骤讲解每个环节。
## 流程概述
首先，我们需要了解实现二维码扫描的基本流程，以下是简单的步骤概述：
| 步骤 |
一、首先是如何将别人的项目导入并实现运行。1.将项目下载并导入Idea，修改并检查配置文件。2.需要在Idea中安装vue的运行环境。3.在Idea的Terminal界面输入npm install，安装vue的依赖。4.输入npm run dev来开始运行vue项目。5.启动SpringBoot后台。 二、vue的生命周期。 Vue的生命周期主要就主要是开始创建、初始化数据、编
转载
2023-11-02 13:51:44
138阅读
简介该项目采用微服务架构，实现了前后端分离的系统设计。在前端，我们选择了 Vue3 配合 TypeScript 和 ElementUi 框架，以提升开发效率和用户体验。而在后端，则是运用 SpringBoot 和 Mybatis-plus 进行开发，保证了系统的高效和稳定。此外，我们引入了 ElasticSearch 作为全文检索服务，以加快搜索速度和提高检索效率。同时，通过 WebSocket
以下例子springboot后端地址为:localhost:7080/pingandaivue前端地址为:locahost:8080/pingandai/1、如果路由模式设置的是history。那么最好带上base，（base是根目录的地址，比如你在页面上访问localhost:8080/b，那么它会自动跳转到localhost:8080/pingandai/b路径上） 打包完成后(打包
转载
2023-08-03 11:11:08
720阅读
# Vue3 + Axios + SpringBoot 请求实现指南
作为一名经验丰富的开发者，我将向你介绍如何在 Vue3 中使用 Axios 发送请求到 SpringBoot 服务。以下是整个流程的步骤和代码示例。
## 步骤流程
以下是实现 Vue3 + Axios + SpringBoot 请求的步骤：
| 步骤 | 描述 |
| --- | --- |
| 1 | 安装 Axio
原创
2024-07-20 10:52:50
192阅读
后端接口代码 @PostMapping("/service/confirmPay") @ResponseBody public GlobalResponse confirmPay(HttpServletRequest request, HttpServletResponse response, Ht ...
转载
2021-08-04 15:47:00
1254阅读
