html中使用axios

下载axios#

npm install axios

引入axios#

import axios from "axios"

使用示例#

axios.get('https://api.example.com/data')
 .then(response => {
    console.log(response.data);
  })
 .catch(error => {
    console.error('Error:', error);
  });

遇到报错
原因：直接在浏览器环境中使用import语句来引入axios会报错。这是因为浏览器环境不支持 ES6 的模块导入语法（import/export）。

解决方法，使用CDN引入

<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.7.2/axios.min.js"></script>

运行ok