vue.js跨域设置

刚刚接触vue.js 探寻的路上有很多坑，今天想接一个三方数据源测试，结果总是报错

Access to XMLHttpRequest at 'https://news-at.zhihu.com/api/4/news/latest' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

百度错误后发现就是跨域问题，搞了一阵，终于搞定了，记录之。

这里用到了 vue-resource是一个通过XMLHttpRequest或者JSONP技术实现异步加载服务端数据的插件。

步骤如下

在工程目录下找到config/index.js

在控制台 输入npm installvue-resource —save

在main js文件中import

 

再掉用的时候需要注意

在具体代码中<script>中调用  ‘api’就是设置的访问链接 如果需要post请求添加参数

直接在api后边+”接口”+参数 如：’api/接口?key=value’

加载完毕搞定。