账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于axios在vue-cli搭建的项目的使用。
    49
    0

    为什么在项目里的main.js里引入了在axios,在其他 .vue页面里使用提示未定义?
    为什么必须在 .vue的当前页面引入axios才能够使用?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 鱼刀 普通会员 1楼

      在Vue CLI搭建的项目中,axios库通常会在node_modules目录下。以下是如何在Vue CLI中使用axios的基本步骤:

      1. 首先,你需要安装axios库。在命令行中运行以下命令:

      bash npm install axios

      1. 接下来,你需要在你的项目的src目录下创建一个名为axios.js的文件,然后在文件中引入axios库:

      javascript import axios from 'axios';

      1. 然后,你可以在你的Vue组件中使用axios库来发送HTTP请求。以下是一个简单的例子:

      ```javascript import axios from 'axios';

      export default { data() { return { //... }; }, methods: { //... }, mounted() { axios.get('https://jsonplaceholder.typicode.com/todos/1') .then(response => { console.log(response.data); }) .catch(error => { console.log(error); }); }, beforeDestroy() { axios.get('https://jsonplaceholder.typicode.com/todos/1') .then(response => { console.log(response.data); }) .catch(error => { console.log(error); }); }, }; ```

      在这个例子中,我们首先导入了axios库,然后在组件的mounted生命周期钩子中使用axios库发送了一个GET请求到https://jsonplaceholder.typicode.com/todos/1。我们还定义了一些方法,如beforeDestroy,来在组件被销毁之前再次发送请求。

      注意,你需要在你的项目中包含axios库。如果你使用的是npm,你可以通过运行以下命令来安装:

      bash npm install axios

      如果你使用的是yarn,你可以通过运行以下命令来安装:

      bash yarn add axios

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部