简单来聊聊vue项目中的axios跨域问题

公司目前正是初创阶段,相关开发工作还没有完全展开,所以就有时间来研究研究前端中一些比较基础的技术知识点,那么今天想跟大家聊的就是vue项目中使用axios进行跨域请求的问题了

一般,项目刚开始开发阶段,后台完全是不会有接口提供给你的,那么前端这边肯定是需要首先搭建框架,配置路由,写好一些布局相同的静态模板,当然,原型都是我自己设计的,所以后面只需要配合UI设计师这边的整体布局风格,写出一个模板然后再配置动态路由即可调整过来,至于接口,则可以自己去跟你们公司后台弄来字段,自己模拟接口(https://www.easy-mock.com/login),即可开始渲染你的静态页面了

好了好了,话题有点跑偏了,那么开始进入正题了,首先框架搭建好了之后,项目能够跑起来之后,在项目名下有个config文件夹


image.png

在如图所示的index.js文件夹里面需要做如下配置


image.png

配置好了之后就可以在对应的组件里面开始调试了


image.png

完成以上配置,即可完成成功的回调函数,得到你想要的信息

推荐两篇博客,写的比较容易理解
https://www.cnblogs.com/momozjm/p/7993236.html
http://www.cnblogs.com/Irelia/p/9972990.html

以上纯属自己感悟,欢迎大家指正

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 关于Mongodb的全面总结 MongoDB的内部构造《MongoDB The Definitive Guide》...
    中v中阅读 32,075评论 2 89
  • 博客原文链接 Android百大框架排行榜(转) 说明: 无聊写一篇笔记式文章. 精力有限,很多错误之处,受时间与...
    码农朱同学阅读 2,761评论 0 27
  • 在数组末尾添加元素 var arr=[1,2,3,4,5,]; arr[arr.length]='ll'; con...
    wlki阅读 142评论 0 0
  • 水弯飘零 淤泥和杂草纵横交错 是谁用痛苦的刀子 让你的伤痕像斑驳的岁月? 亲爱的小河 我想揭下那片树荫 变成洁白的...
    舒严阅读 167评论 0 0