Nuxt项目中使用axios

把nuxtjs-axios模块添加到项目

 yarn add @nuxtjs/axios       // 使用yarn来安装模块npm install @nuxtjs/axios  // 使用npm来安装模块

注：不同的包管理器，要使用不同的命令

配置nuxt.config.js

简单使用

modules: [
'@nuxtjs/axios'
],

如果这步完成，可以在项目中方法使用console.log(this) ，这时候可以看到该对象中有$axios属性了

如果你想使用代理可以这样写

  axios: {proxy: true,// prefix: '/api/',credentials: true// See https://github.com/nuxt-community/axios-module#options},proxy: {'/api/': {target: 'https://h5api.zhefengle.cn', //这个网站是开源的可以请求到数据的pathRewrite: {'^/api/': '/',changeOrigin: true}}},

使用

let that=this;
this.$axios.get("/api/index.html").then(res=>{alert(res.data.code);
});

Nuxt项目中使用axios相关推荐

nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案
nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案参考文章: (1)nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案 (2)https://www.cnblogs.com/jk ...
在vue项目中对axios进行封装
在vue项目中对axios进行封装 1.引入axios,qs模块 import axios from 'axios'; import Qs from "qs"; import st ...
vue php axios 跨域,在vue项目中,使用axios跨域处理
下面我就为大家分享一篇在vue项目中,使用axios跨域处理,具有很好的参考价值,希望对大家有所帮助. 跨域,一个很是让人尴尬的问题,有些人可以在后台中设置请求头,但是很多前端并不具备后台的知识,并无 ...
axios nodejs 上传图片_vue项目中使用axios上传图片等文件操作
axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 ...
Vue学习笔记（二）—— vue项目中使用axios
一.文档链接 axios文档 vue开发插件二.axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XML ...
在vue项目中使用axios封装axios
基本使用安装 // 项目中安装 npm install axios --S // cdn 引入 <script src="https://unpkg.com/axios/dist/a ...
vue项目中对axios的全局封装
项目中接口会很多,个人喜欢创建api文件对请求统一管理 1.新建api文件夹,文件夹下创建 axios.js,login.js 2. axios.js import axios from 'axio ...
Vue-cli项目中mockjs + axios实现前后端分离代码demo（清晰易懂）
基础准备: 1.npm安装vue-cli脚手架后,通过命令" vue init webpack 项目名 "来创建项目: 2.了解mockjs,能拦截ajax请求,返回模拟的响应数据 ...
在Nuxt项目中使用iconfont阿里巴巴图标unicode
第一步:登录登录: iconfont阿里巴巴图标第二步:选择图标添加到购物车第三步:把购物车图标添加到项目第四步:找到我的项目第五步:将图标文件下载到本地第六步:在assets文件夹中创建 ...

Nuxt项目中使用axios

Nuxt项目中使用axios相关推荐

最新文章

热门文章