m0_62811051的博客

效果图如下： 首先使用UI组件进行上传，前端代码如下：因为我的项目采用前后端分离模式，后端使用 springboot 接收以后的上传代码：然后在前端显示的时候会出现一些问题：原因：浏览器为了安全考虑是不允许直接访问的，但是可以配置一个虚拟路径。需要配置内置tomcat虚拟路径，为项目添加一个配置类：然后在列表显示的时候，我暂时使用拼接的方式直接访问，后续可能会作更改。

这个问题主要是因为我在写后台管理的时候使用mockjs，但是之后还要用它模拟数据，不可能将其卸掉，那么就在node_modules文件里面下手。然后找到 node_modules/mockjs/src/xhr/xhr.js （上面图示的第二个文件）的第 216 行再次加入上面那行代码。

之前的项目中我在写个人资料和修改资料的时候，将子页面嵌套在父页面中，但由于先写的修改资料以及中间上传头像的页面及跳转，导致没有意识到将其嵌套在父页面中会导致跳转到的上换头像的页面也嵌套在其中，导致页面被遮挡住，如下图： 这里跳转页面我是这样写的：解决改成下面这样就可以从子页面跳转到新的父页面了 当然如果页面当中有自定义的 frame 的话，也可以将 parent、self、top 换为自定义 frame 的名称 ，效果就是在自定义 frame 窗口打开url。这里 window 和

给 el-menu 标签添加样式。

另外使用qs.stringify() 序列化以后，再调用接口，数据传输模式会自动改成 content-type = application/x-www-form-urlencoded ，这样就与后端一致。一般后端默认的内容类型是 application/x-www-form-urlencoded，而axios默认的是 applecation/json。前端提交的数据的字段名称或者字段类型和后端的实体类不一致，导致无法封装。在这里我的报错是因为前端请求头的content-type和后端不一致。

Internal server error: Failed to resolve import "@/views/LoginView.vue" from "src\router\index.ts". Does the file exist?