vue axios解决跨域问题

之前一直有一个疑惑，跨域到底是前端还是后端的事情。怀着这样的疑问百度了下，发现跨域其实是浏览器为了安全而禁止访问本域名之外的域名，和后端没有太大关系。至于jsonp也是属于前端跨域，后端则不需要配置，但是现在随着前端的发展jQuery渐渐淡化出我们的视线，这次简单的研究了下 vue axios跨域。原理没有弄太清楚，就简单的写了一个demo。

1、先搭vue开发环境。首先下载nodejs ，然后安装。打开命令行 npm install -g vue-cli 全局安装vue-cli

2、创建一个文件夹 进入文件夹执行命令  vue init webpack “项目名称”  ，然后npm install这样一个vue项目就创建好了，再安装一个npm install axios

3、修改配置文件，在config目录的index.js文件

这里配置表示，用 /api 来代替 http://127.0.0.1:8888

4、接着修改一个vue文件 这里选择里面自带的helloworld为例子

 

最后去测试一下吧。。。写的不好，权当自己记录一下 勿喷。。。