vue-record

在写 vue-cli 项目的时候遇到个问题:

import {axios} from "axios";

axios
    .post('http://localhost:7422/ZlfBill/query', {params: pm})
    .then((res)=>{
        console.log(res);
    }).catch((err)=>{
        console.log('err: ' + err);
    });

上面是我写的代码,运行的时候报错了:
Uncaught TypeError: axios__WEBPACK_IMPORTED_MODULE_1__.axios is undefined
我一致没想明白为什么报错,因为我在 react 项目上使用过,并没有报错。
百度后,网上也是建议在 vue3 的项目中直接使用导入就行。
直接今天我重新打开 react 项目时,我发现了不一样:

import axios from "axios";

导入方式是不一样的,vue 的我加了大括号{},但是 react 里面每加。
然后我把 vue 里面也去掉大括号后,成功了。

然后我就百度,基本意思就是:
不带大括号的,是导出的 default 修饰,而带了大括号的,则属于不带的。
然后看 axios 的源码,最后一句就是

export default axios;

所以,vue 项目里面就报错。

总体来说,我对 js 的语法还是不够了解,才出现这种低级错误。以后还需要多学习学习啊!


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!