前端vue,后台springboot+cloud,为什么前端没有成功调用后台controller的方法?

图片说明
+++
总的来说就是:
在创建品牌的过程中,其他方法都能成功调用,只有图片这块似乎没有反应,不知道为什么,请大神指教,谢谢。

1个回答

路径加上一个斜杠

https://blog.csdn.net/affluent6/article/details/91544402

这个代码你对照下,祝你好运

csdn_sqj
csdn_sqj 谢谢你
6 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

前端vue,后台springboot+cloud,为什么前端没有成功调用后台controller的方法?

![图片说明](https://img-ask.csdn.net/upload/202001/11/1578750590_591101.png) +++ 总的来说就是: 在创建品牌的过程中,其他方法都能成功调用,只有图片这块似乎没有反应,不知道为什么,请大神指教,谢谢。

Vue+SpringBoot怎么部署到tomcat服务器

1. 环境: Vue-cli项目、SpringBoot、windows版tomcat8.5 2. 首先这是一个前后端分离的项目。 3. 前端项目已经部署到tomcat的ROOT目录下,后端项目也以ROOT命名。 4. tomcat可以正常启动 5. 前端页面可以访问到 ***** **但是问题来了?** * 前端无法请求到后台的数据 ![图片说明](https://img-ask.csdn.net/upload/201908/18/1566087636_468160.png) * 我的问题是:怎样部署Vue+SpringBoot的前后端分离项目到tomcat上,目录结构和相关配置是什么? * 求大神赐教

vue+springboot前后端分离,单点登录后端还需要权限框架吗?

vue + vuex 前端可以用router守卫拿到token进行权限验证, 后台只需要传一个token和用户数据就好了。 以前我们前后端不分离,使用shiro对页面进行权限验证做跳转处理 现在我们使用vue + springboot 前后端分离 所有权限验证都交给前台了,那么后台还需要权限框架做处理吗? 后台是不是只管做数据处理优化就行了? 有没有大佬帮下萌新,我还在迷茫,后台需要做哪些操作?

前端VUE后端SpringBoot,无法获取登录信息,所有的请求都被判定为未登陆

求大神帮忙,三张图分别是前端main.js,后端登录代码,前端登录代码 ![前端main.js](https://img-ask.csdn.net/upload/202002/26/1582706380_462541.png) ![后端登录代码](https://img-ask.csdn.net/upload/202002/26/1582706507_654132.png) ![前端登录代码](https://img-ask.csdn.net/upload/202002/26/1582706555_710936.png)

vue 和 springboot 传输 复杂数据类型 传输数组,数组里有对象

我想在 在前端 axios传递 shop_Request对象的数组 在springboot接收 list<shop_Request> 要怎么办呢 看了一上午网上的办法还是失败 绝望呀,可以写一下吗 ![图片说明](https://img-ask.csdn.net/upload/201906/07/1559881337_68698.jpg)

springboot+vue怎么集成润乾报表

最近项目要求使用润乾报表,前端框架使用vue,后台使用springboot,请问一下有没有大佬知道 springboot+vue怎么集成润乾报表

简单vue+springboot的多条件查询问题(数据回显不会写,求教)

## 前言 想做个放吉他谱的小网站,sprigboot+vue, my=民谣 ## 现在想完成的功能: 根据谱名/作者名查询出来回显到下方列表中(url:my/findMys) ![图片说明](https://img-ask.csdn.net/upload/202002/22/1582302704_47317.png) + 已完成部分:后端逻辑已经写好,且本地测试成功 ![图片说明](https://img-ask.csdn.net/upload/202002/22/1582302896_218033.png) 测试 ![图片说明](https://img-ask.csdn.net/upload/202002/22/1582302983_38465.png) --- ## 不会的部分求解 + 前端vue部分 (axios已经封装) my.api (条件查询方法不知道有没有写错) ~~~js import request from "@/utils/request" export default { // 分页获取列表 search(page, size) { return request({ url: `/my/list/search/${page - 1}/${size}`, method: 'post', // data: searchMap }) }, // 上方根据曲名和作者名模糊查询 findMys(searchMap) { return request({ url: `/my/findMys`, method: 'post', data: searchMap }) } } ~~~ + my.vue(就是这不会写,那个搜索方法) ~~~js <!-- 上方区域 --------------------------------------------------------------------------> <el-form ref="searchForm" :inline="true" :model="searchMap" style="margin-top: 20px;margin-left:70px"> <el-form-item prop="name"> <el-input v-model="searchMap.name" placeholder="曲谱名称" style="width: 200px;"></el-input> </el-form-item> <el-form-item prop="author"> <el-input v-model="searchMap.author" placeholder="作者名称" style="width:200px;"></el-input> </el-form-item> <el-form-item> <el-button type="success" icon="el-icon-search" circle @click="findMys"></el-button> <el-button type="info" round @click="resetForm('searchForm')">重置</el-button> <!-- <el-button type="warning" round icon="el-icon-circle-plus-outline" @click="handleAdd">新增</el-button> --> </el-form-item> </el-form> ~~~ ~~~js <script> import myApi from "@/api/my"; export default { data() { return { list: [], total: 0, // 总记录数 currentPage: 1, // 当前页, 默认第1页 pageSize: 10, // 每页显示条数, 10条 searchMap: { name: "", author: "" }, }; }, // 钩子函数获取数据 created() { this.fetchData(); }, methods: { //列表获取 fetchData() { myApi .search(this.currentPage, this.pageSize) .then(response => { // const resp = response.data; const resp = response.data; this.total =resp.totalElements; // this.total =resp.total; this.list = resp.content; // console.log(this.list); console.log(response) }); }, // 上方查询 findMys(){ myApi.findMys (this.searchMap).then(response => { const resp = response.data.data; // this.name =resp.name; // this.author = resp.author; this.searchMap = resp.content; console.log(response) }); }, //分页改变 handleSizeChange(val) { this.pageSize = val; this.fetchData(); }, //分页改变 handleCurrentChange(val) { this.currentPage = val; this.fetchData(); }, // 表单重置, // 在 el-form-item 标签属性 prop 上, 指定了字段名, 重置才会生效 resetForm(formName) { this.$refs[formName].resetFields(); }, } }; </script> ~~~ ## api定义了findMys方法,vue文件中调用方法,然后回显到下方列表 ## api和vue里的方法瞎写的, --- # 请大佬指点,my.api和my.vue文件的方法怎么写

vue 如何接入 springboot oauth2 sso

前端是vue 前后端分离 后台是用 springboot oauth2 sso 架构 授权是另外一个springboot2 项目 后台没有问题 vue 访问就302 跳授权 出现filed

ant+vue+springboot 上传文件时接收不到文件

``` <a-upload name="file" listType="picture-card" :fileList="fileList" :multiple="true" @preview="handlePreview" :beforeUpload="beforeUpload" @change="handleChange" > <div v-if="fileList.length < 1"> <a-icon type="plus" /> <div class="ant-upload-text">Upload</div> </div> </a-upload> ``` js代码如下 ``` var formData = new FormData() formData.append('file', this.fileList[0]); formData.append('userid', '1'); formData.append('systemid', '886'); this.axios( { method: 'post', url: 'http://localhost:8086/rest/uploadFileByMulti', processData: false, data: formData }) .then((response) => { alert(JSON.stringify(response)) }) .catch(function (error) { console.log(error) }) ``` 后台接受代码如下 ``` @RequestMapping("/uploadFileByMulti") @ResponseBody public AjaxResult uploadFileList(@RequestParam("file") MultipartFile file String userid, String systemid) { ...... } ``` 上传时一直报file为空

Springboot+springmvc+vue+mybatis开发

以前没用过springboot不清楚,vue提交表单我在如何获取呢?还有就是vue点击按钮提交的时候我该怎么做?代码如何填上去

如何在springboot + vue前后端分离的项目里获取用户浏览器内网IP

问题关键在于虽然能取到IP,但是获取到的IP是本地服务器的IP。由于vue也是在我本地电脑上启动的,所以这个获取到的IP可能是前端vue的web服务器的IP或者后台springboot自己的ip? 没有使用各种代理,使用getRemoteAddr()就能取到。 代码: ``` if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) { ip = request.getRemoteAddr(); } if ("0:0:0:0:0:0:0:1".equals(ip)) { ip="127.0.0.1"; } String host=request.getRemoteHost(); int port = request.getRemotePort(); System.out.println("port==>"+port); System.out.println("host==>"+host); System.out.println(ip); ``` 结果: ``` port==>52906 host==>192.168.11.76 192.168.11.76 ``` 这个port为啥是52906。。我的天

Springboot+vue+sockjs 连不上服务器

1.问题困扰我好几天了。我用vue做前后分离去连接Springboot后台 ``` //这是SpringBoot后台 public class WebSocketConfig implements WebSocketMessageBrokerConfigurer{ @Autowired private SimpMessagingTemplate template; //广播推送消息 @Scheduled(fixedRate = 10000) public void sendTopicMessage() { System.out.println("后台广播推送!"); User user=new User(); user.setUserName("oyzc"); user.setAge(10); this.template.convertAndSend("/topic/getResponse",user); } @Override public void registerStompEndpoints(StompEndpointRegistry registry) { registry.addEndpoint("/endpoint-websocket").setAllowedOrigins("*").withSockJS(); } @Override public void configureMessageBroker(MessageBrokerRegistry registry) { registry.enableSimpleBroker("/topic","/chat"); registry.setApplicationDestinationPrefixes("/app"); } } ``` 用的是Springboot整合的websocket ``` //这是vue,JS页面 <template> <div > </div> </template> <script> import SockJS from 'sockjs-client'; import Stomp from 'stompjs'; export default { data(){ return { stompClient:'', timer:'', msg:'SocketJS' } }, methods:{ connection(){ let socket = new SockJS('http://localhost:8080/endpoint-websocket'); debugger; this.stompClient = Stomp.over(socket); console.log('stompClient:' + this.stompClient); this.stompClient.connect({}, function(frame){ console.log('Connected:' + frame); this.stompClient.subscribe('/topic/getResponse', (result) => { console.info(result) showContent(Json.parse(result.body)); }); }); }, disconnect() { if (this.stompClient) { this.stompClient.disconnect(); } }, // 断开连接 }, mounted(){ this.connection(); }, beforeDestroy: function () { // 页面离开时断开连接,清除定时器 this.disconnect(); } } </script> <style scoped> </style> ``` 以下是浏览器报错信息 ![图片说明](https://img-ask.csdn.net/upload/201904/14/1555229206_700293.png) ![图片说明](https://img-ask.csdn.net/upload/201904/14/1555229246_326496.png)

springboot 整合 vue 打包 无法访问

![图片说明](https://img-ask.csdn.net/upload/201905/09/1557396278_66899.png) ![图片说明](https://img-ask.csdn.net/upload/201905/09/1557396315_352477.png) ![图片说明](https://img-ask.csdn.net/upload/201905/09/1557396353_908243.png) 配置文件只有数据库和端口配置

spring boot+vue实现 视频播放 功能

实现功能:后端访问数据库,得到 视频资源 地址,传给前端,实现播放。 ``` <template> <div class="video_box"> <video ref="videoPlayer" class="video-js" :src="this.videoSrc"> </video> </div> </template> <script> export default { name: "VideoPlayer", videoSrc:"../video/test1.mp4", </script> ``` 这样视频,就不会播放,也没有报错。 如果这样: ``` <video ref="videoPlayer" class="video-js" :src="../video/test1.mp4"> ``` 就可以播放,怎么办= =

springboot+VUE+element框架实现上传存在是否覆盖问题

现在想实现一个功能,就是用户上传Excel表(一个表相当于一个对象只有一个id),点击上传以后访问后台,如果该Excel表的ID存在返回给前端用户一个对话框,“ID多少多少已经存在”,点击取消什么都不做,点击确定继续访问后台把数据更新到数据库,技术上怎么实现呀!

vue从后台获取的seo关键字标题描述,怎么添加到前端的标题meta里边。

vue从后台获取的seo关键字标题描述,怎么通过router放到对应的meta里边呢?标题使用固定的已经实现,接口也已经获取数据,不知道该怎么做,求大佬解答

vue前台向后台请求传list

![图片说明](https://img-ask.csdn.net/upload/201706/28/1498613622_792035.jpg)前台框架我用的vue,在向后台发起请求,传了一个list,后台500错,说我传的不是一个list,也不是array,也不是map,我需要在后台对list做什么处理吗?求指教![![![图片说明](https://img-ask.csdn.net/upload/201706/28/1498613188_736315.jpg)图片说明](https://img-ask.csdn.net/upload/201706/28/1498613183_616088.jpg)图片说明](https://img-ask.csdn.net/upload/201706/28/1498613173_632881.jpg)

部署再nginx上的vue如何才能取到后台的接口数据呢?

部署再nginx上的vue如何才能取到后台的接口数据呢? 基本介绍: (1)项目采用完全的前后端分离开发与部署; (2)前端采用vue,后端采用springboot开发; (3)前端部署在nginx上,后端部署在websphere服务器上。 假设前端项目vue项目部署在A服务器上,后端部署在B服务器上,即A与B的ip不相同, 那么前端的vue项目如何才能请求到部署在B上的后端接口数据呢?vue需要什么特殊配置吗? nginx的配置需要什么特殊的吗? 望各位大佬不吝赐教,小白我在此跪谢!

vue开发 访问后台接口有时正常获取数据有时报500错误,后台log没有记录

做vue前端开发时,为了获取后台数据,调用接口。在调用过程中,有时获取数据成功,有时响应过久最后报错 Error: Request failed with status code 500。而且发生500报错时,后台的log并无记录。当获取成功时,则有log记录。 ``` axios .get("/api/request_backstage_login", { params:{ USER_NAME: self.form.userName, PASSWORD: encodeURIComponent(des.encrypt(self.form.password))//AES加密后的密码 } }) ``` 有没有大佬知道到底是什么原因啊!

springboot 整合 vue 打包 无法访问主页什么问题?需要检查哪些配置?

![图片说明](https://img-ask.csdn.net/upload/201905/09/1557394298_307710.png) 我是直接复制过来的。什么参数啥的都没改

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# 解析cad c#数字格式化万 c#int转byte c#格式化日期 c# wpf 表格 c# 实现ad域验证登录 c#心跳包机制 c#使用fmod.dll c#dll vb 调用 c# outlook
立即提问
相关内容推荐