配置 action 后导致上传附件报错

Question

老师您好，
代码是课程的源码

uploadAttrs: {
      action: "https://jsonplaceholder.typicode.com/posts/",
      multiple: true,
      limit: 3,
    },

选择附件后报如下错误，无法发起网络请求

网上查找后说是由于使用了 mockjs 导致的，尝试在 node_modules/mockjs/dist/mock.js 和 node_modules/mockjs/src/mock/xhr/xhr.js这两个文件添加如下代码不能解决这个错误

	MockXMLHttpRequest.prototype.upload = xhr.upload;

但把 mockjs 删除就能正常上传了，请问老师，不删除 mockjs 怎么解决呢

参考： mockjs【issues】https://github.com/nuysoft/Mock/issues/127

Answer 1

五月的夏天 2023-01-31 08:06:04

mockjs会拦截ajax请求，上传可以不使用mockjs

• 提问者 johnny_2008 #1

  在 main.ts 有如下代码
  ```js
  import { createApp } from "vue";
  import App from "./App.vue";
  import router from "./router/index";
  import ElementPlus from "element-plus";
  import "element-plus/dist/index.css";
  import * as Icons from "@element-plus/icons";
  import { toLine } from "./utils";
  import mUI from "./components";
  import "./mock";
  const app = createApp(App);
  ...
  ```
  项目用到了 mockjs 有这块的逻辑代码， 请问老师引用 mockjs 就不能正常使用 ajax 请求，它俩不能同时使用是吗

• 五月的夏天 回复 提问者 johnny_2008 #2

  对，不能同时使用，mockjs会拦截所有的请求，