vue项目接入api接口

WangXinPeng 2019-05-31 原文

vue项目接入api接口

我们在做项目时,一切基础在于数据上面,所以接入api接口是关键。

访问接口是我们会遇到跨域,而,vue-cli给我们提供了反向代理,所以我们只需要配置一下就可以了。

 

在config文件中找到index.js,修改dev对象里面的proxyTable如图

 

然后我们在同个文件夹里面打开dev.env.js这个是生产环境配置文件,我们进行修改

 

 再打开同文件夹中的prod.env.js,这个是我们正式环境的配置文件啦,我们项目上线后访问的就是他了

就这样,我们就可以在组件里面调用接口了

 

 今天对于接口对接,就到这啦。欢迎错误指正。。。

 

发表于 2019-05-31 17:20 小鹏的编程日志 阅读() 评论() 编辑 收藏

 

版权声明:本文为WangXinPeng原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/WangXinPeng/p/10956426.html

vue项目接入api接口的更多相关文章

  1. 工作中vue项目前后端分离,调用后端本地接口出现跨域问题的完美解决

    工作中vue项目前后端分离,调用后端本地接口出现跨域问题的完美解决 在我们实际开发中,选择不错的前端框架可以为 […]...

随机推荐

  1. SQL2000安全配置 一般情况下可以删除的不安全储存过程

    删除了调用shell,注册表,COM组件的破坏权限 use master EXEC sp_dropextend […]...

  2. 华为手机的系列

      Note系列荣耀畅玩系列荣耀V系列荣耀系列麦芒系列畅享系列nova系列p系列mate系列...

  3. 小程序跨端框架(taro/uni-app/kbone)横评之2020版

    小程序开发领域,taro/uni-app渐成主流,微信官方推出的kbone究竟怎样? 微信竟然推出了跨端的kb […]...

  4. javascript

    javascript快速入门内部标签外部引入基本语法入门数据类型数据、文本、图形、音频、视频........

  5. MAC地址更改—-校园网MAC绑定破解

    背景: 1、每一台电脑的网卡在生产的时候就已经烧入了固定的Mac地址,Mac地址是不可以改的 2、在校园网,当 […]...

  6. word转换成pdf后,怎样才能禁止复制和编辑呢?

    用Adobe Acrobat X Pro打开转换好的PDF文件,然后在界面内找到“文件”“属性”选项并单击。 […]...

  7. (转)GIS中的4D产品(DLG、DRG、DEM、DOM)

    DLG 数字线划地图(DLG, Digital Line Graphic):是与现有线划基本一致的各地图要素的 […]...

  8. LeetCode 题解 | 1. 两数之和

    题目描述: 给定一个整数数组和一个目标值,找出数组中和为目标值的两个数。 你可以假设每个输入只对应一种答案,且 […]...

展开目录

目录导航