vue-cli 引用axios,跨越问题详细教程

admin
2018-12-27
前端
围观

找到对应目录 cmd 下载 axios

npm install axios    
淘宝镜像 cnpm install axios

1、找到vue-cli 文件夹里面的 src/main.js

2、进入main.js 文件夹先导入axios

import Axios from 'axios'

然后就是在Vue原型下面添加，axios不是插件，无法使用vue.use()

Vue.prototype.$axios =Axios

3、找到config/index.js 文件夹里面修改参数

proxyTable: {
  '/api':{
    target: 'https://api.douban.com',
    changeOrigin: true,
    pathRewrite: {
      '^/api': ''
    }
  }
},

5、在找到src/main.js 添加刚才引入的API

Vue.prototype.HOST="/api"; //引入API

6、在scr/components 里面的文件夹里面调用接口

//axiso 生命周期函数
created() {
  let url = this.HOST + "/v2/movie/top250";
  this.$axios.get(url, {
    start: 0,
    count: 10
  })
    .then(res => {
      console.log(res)
    })
    .catch(error => {
      console.log(error)
    })
},

然后就ok了，希望能帮助到大家，谢谢！

作者：admin

上一篇： axios请求post数据提交转码
下一篇： IIS7 / IIS7.5 URL 重写 HTTP 重

如果你觉得作者很棒，可以通过扫码支付打赏哦！
- 微信打赏
- 支付宝打赏

相关推荐

uni-app自定义图标库

uni-app自定义图标库,ico图标,字体图标,可以去阿里ico图标里面去下载，然后通过FontCreator软件来编辑字体图标。

admin 2019-01-23 712人阅读
帝国cms用灵动标签调用单个目录方法

帝国cms用灵动标签调用单个目录方法

admin 2019-09-10 131人阅读
js 图片上传显示图片

js 图片上传显示图片

admin 2019-08-19 113人阅读
css Gid 布局

你的第一个网格布局 CSS Grid的两个核心组成部分是包装器（父）和项（子）。包装器是实际网格，项目是网格内的内容。这是包含六个项目的包装器的标记：

admin 2019-09-16 57人阅读
我的博客被人克隆了

我的博客被人克隆了，大家要小心一点。

admin 2019-03-11 78人阅读
ThinkPHP5.0实战实战开发企业站 65课

ThinkPHP5.0 ，实战视频，我自己也看了，都看了，还是不错的，本人也是php入门的小白，还不错，讲的挺好的。

admin 2019-04-05 81人阅读
前端ECharts ,曲线图

前端ECharts ,曲线图,画布，圆饼

admin 2019-09-05 59人阅读
vue锚链接跳转

vue锚链接跳转

admin 2020-01-03 18人阅读
highcharts 曲线图,圆饼

highcharts 曲线图,圆饼

admin 2019-09-10 60人阅读
前端Weex 框架推荐

前端Weex 框架推荐

admin 2019-09-22 94人阅读
在Webstorm中使用Autoprefixer实现CSS自动补全

我们可以用Autoprefixer模块来给css自动补全，实现多浏览器的兼容。

admin 2019-05-25 116人阅读
帝国cms用万能标签做友情链接

帝国cms用万能标签做友情链接

admin 2019-09-10 105人阅读
requestAnimationFrame 学习

requestAnimationFrame 学习

admin 2019-09-23 107人阅读
vue axios 二次封装

axios二次封装，接口分开，我觉得写的挺好的，然后就是分享给大家把。

admin 2019-03-19 222人阅读
解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题

解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题

admin 2019-12-24 21人阅读
修改elementUI的源码

修改elementUI的源码

admin 2020-03-27 4人阅读
帝国cms会员前台投稿设置多个下载地址及设置点数

帝国cms会员前台投稿设置多个下载地址及设置点数

admin 2019-08-10 56人阅读
js隐藏所有指定的元素

js隐藏所有指定的元素

admin 2020-03-11 2人阅读
js对象检索给定选择器指示的一组属性

js对象检索给定选择器指示的一组属性

admin 2020-03-11 2人阅读
router-link 页面传值

router-link 页面传值，vue 页面跳转传递参数，【query 相当于get传递】，【params 相当于post传递】

admin 2019-04-02 171人阅读
css雪碧图快速生成

css雪碧图快速生成，也会生成对应的css

admin 2020-03-25 9人阅读
11

11

admin 2019-06-14 72人阅读
js设备是移动设备还是台式机/笔记本电脑

js设备是移动设备还是台式机/笔记本电脑

admin 2020-03-11 2人阅读
帝国cms修改会员发布投稿的模板

帝国cms修改会员发布投稿的模板

admin 2019-09-10 96人阅读
html5标签兼容

因为只有IE8及其以前的版本需要处理，那在其他的浏览器下就是不太需要的操作，最大就是兼容性，在IE8及其以前是不支持h5的，并且会将其解析为行间元素

admin 2019-08-03 49人阅读
帝国cms 编制器 a 链接修改超链接默认为新窗口(_blank)

帝国cms 编制器 a 链接修改超链接默认为新窗口(_blank)

admin 2019-09-04 46人阅读
代码高亮

代码高亮，有太多了。

admin 2019-07-02 69人阅读
cnpm淘宝镜像安装

cnpm淘宝镜像安装

admin 2019-06-02 77人阅读
最近也在学习PHP，全栈不容易

在长沙混了20多天，结果只能回家，好好学习全栈，没办法，是你们逼我这么优秀的，学习PHP，现在开始自己尝试敲一些登录注册页面，不管学的怎么样，还是在努力。

admin 2019-01-14 127人阅读
js圆点发散动画,鼠标跟随特效

更多相关 HTML5Canvas圆点动画动画效果脚本简介 HTML5 Canvas圆点发散动画特效是一款跟随鼠标的圆点粒子发散

admin 2019-01-11 191人阅读
js鼠标粒子跟随

这是一款基于HTML5+Three.js实现的鼠标跟随效果粒子云流动动画特效源码。画面上由各种彩色粒子组成了粒子云动画效果,随着鼠标的移动可以看到粒子。

admin 2019-01-14 120人阅读
uni-app底部导航配置

uni-app底部导航配置,这个配置就是微信小程序一样。

admin 2019-01-21 988人阅读
element更改导航菜单被选中项的背景颜色

element更改导航菜单被选中项的背景颜色

admin 2019-05-21 323人阅读
vue-cli4 打包组件的组件

vue-cli4 打包组件的组件

admin 2020-01-21 16人阅读
css 浏览器导航条改变样式

css 浏览器导航条改变样式

bin 2019-06-30 52人阅读
js正则添加和匹配pre

js正则添加和匹配pre

admin 2019-08-10 63人阅读
帝国会员此栏目设置投稿的信息不能管理

帝国会员此栏目设置投稿的信息不能管理

admin 2019-08-26 73人阅读
php 测试

php 测试

admin 2019-06-18 68人阅读
Editormd 编制器高亮关闭

Editormd 编制器高亮关闭，写项目的说话发现要用到自定义的高亮代码，这个说话我们就要关闭自带的高亮代码。

admin 2019-08-24 102人阅读
uni-app学习社区

uni-app学习社区,里面有很问题和解决方案，有时间的可以去看看。

admin 2019-01-26 189人阅读
KindEditor轻量级编制器

默认模式、简单模式、手动加载编辑器、默认模式为代码模式、手动添加CSS文件、只能调整高度, 禁止调整大小，是一个轻量级的编制器，非常好用，配置起来简单。

admin 2018-12-26 120人阅读
PanDownload推荐

这软件下载速度还行，个人觉得不错，推荐给大伙用一下。

admin 2019-01-29 66人阅读
JavaScript的特性是什么

JavaScript的特性是什么

admin 2019-09-15 123人阅读
安装node-sass提示没有vendor目录的解决办法

安装node-sass提示没有vendor目录的解决办法

admin 2020-03-10 4人阅读
vue 安装依赖及卸载依赖

vue 安装依赖及卸载依赖

admin 2019-12-07 38人阅读
帝国CMS7.2版多终端访问功能使用图文教程

随着PC互联网与移动互联网的不断融合、以及各类移动访问终端增加，网站移动互联越来越重要了，所以帝国CMS7.2版本在原来版本的多访问终端功能基础上，做出更多的改进，让网站多种移动访问端制作更加方便。下面我们来讲解帝国CMS7.2版本的“多终端访问功能”使用：

admin 2019-01-02 105人阅读
vue-cli4 使用Prismjs

vue-cli4 使用Prismjs

admin 2020-01-21 26人阅读
pdf预览文件流转Base64

pdf预览文件流转Base64

admin 2020-03-24 4人阅读
plupload.js 图片上传预览

plupload.js 图片上传预览

admin 2019-12-31 26人阅读
Mysql设置表字段不能重复

Mysql设置表字段不能重复,双重验证设置。

admin 2019-01-28 61人阅读

如果你觉得作者很棒，可以通过扫码支付打赏哦！