nuxt中使用自带的axios

素颜马尾好姑娘i 2021-08-13 21:09 593阅读 0赞

# 下载 #

刚搭建的项目里可能没有 @nuxtjs/axios 最好下载一下

npm install @nuxtjs/axios --save
    // or
    cnpm install @nuxtjs/axios --save
    // or
    yarn add @nuxtjs/axios

下载完后在 package.json 里有依赖  
![在这里插入图片描述][20191218162101363.jpg]

# 配置 #

在 nuxt.config.js 文件里添加配置

plugins: [
    ],
    buildModules: [
    ],
    modules: [
      '@nuxtjs/axios'
    ],
    axios: { 
    },
    build: { 
    }

# 使用 #

<template>
      <div>
        { { project}}
      </div>
    </template>
    <script>
    export default { 
      data() { 
        return { 
       	  user: { },
       	  project: 'default'
        }
      },
      asyncData (ctx) { 
         return { 
         	project: 'nuxt'
         }
      },
      async mounted() { 
        const {  status, data } = await this.$axios.get('/users/getUser')
        if(status === 200) { 
          this.user = data.user
        }
      },
      methods: { 
      }
    }
    </script>

[20191218162101363.jpg]: /images/20210813/67a0e36a919f4557811a88aa5ec72ddb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，593人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python中自带的OpenCV使用指南

Python中自带的OpenCV使用指南 OpenCV是一种广泛使用的计算机视觉库，它提供了大量的算法和工具，可以帮助用户处理图像和视频。Python中自带的OpenCV是一

梦里梦外;/ 2023年10月13日 16:37/ 0 赞/ 30 阅读

相关 nuxt或者vue,axios中如何发送多个请求

在使用vue或者nuxt中,我们需要使用axios去发送多个http请求,参考了axios的官方说明你也许会想到使用axios.all发送请求,但是这样可能会出现一些异常错误:

绝地灬酷狼/ 2023年08月17日 16:37/ 0 赞/ 128 阅读

相关 nuxt1迁移奥nuxt2_在Nuxt中使用Storybook

nuxt1迁移奥nuxt2 Nuxt.js has been a lot of fun to use in production web apps and side proj

「爱情、让人受尽委屈。」/ 2023年02月21日 14:25/ 0 赞/ 7 阅读

相关 nuxt使用axios的跨域处理配置

npm i axios qs npm i @nuxtjs/axios @nuxtjs/proxy --save-dev plugins/axios.js

青旅半醒/ 2022年05月09日 09:38/ 0 赞/ 516 阅读

相关 Nuxt使用cookies踩坑之设置axios的header

情景介绍：公司中有一个类似单点登录的项目，主系统中有登录后username和token，存放在浏览器的cookies中，现在改造的子系统需要拿到这两个cookie值，再通过ax

墨蓝/ 2022年01月19日 06:05/ 0 赞/ 1294 阅读

相关 Nuxt 中使用 axios【ssr访问和非ssr访问】

> 1、所有文章优先发表在个人博客，后续如果有修改的话，可能忘记更新到CSDN了，给你带来不便，抱歉。 > 2、个人博客本篇文章地址： [https://www.xdx9

梦里梦外;/ 2021年12月09日 23:27/ 0 赞/ 369 阅读

相关 nuxt使用axios配置拦截器

第一步：安装axios [npm ][npm] npm i @nuxtjs/axios 第二步：配置 nuxt.config.js ![在这里插入图片描述

蔚落/ 2021年11月29日 08:22/ 0 赞/ 1005 阅读

相关 nuxt，axios中使用Vuex【获取Vuex中的值】

> 登录的时候，需要设置一个token请求头，想在axios里面全局配置一下 > 找了半天，终于被我找到了。? 1、配置vuex [https://blog.csdn.n

冷不防/ 2021年11月22日 11:38/ 0 赞/ 705 阅读

相关 nuxt中使用自带的axios

下载刚搭建的项目里可能没有 @nuxtjs/axios 最好下载一下 npm install @nuxtjs/axios --save //

素颜马尾好姑娘i/ 2021年08月13日 21:09/ 0 赞/ 594 阅读

相关 JavaWeb中使用JDK自带的webService

前言：项目中需要用到WebService来发起多平台之间的请求和回应，以前对WebService也不甚了解，然后先度娘了概念，这里再描述一下“能使得运行在不同机器上的应用不通过

骑猪看日落/ 2021年05月10日 11:18/ 0 赞/ 478 阅读