axios 开发模式前后端调试问题

一、遇到的问题

开发使用的是 apache 服务器，后端采用 php。

前端独立开发时，自己模拟 json  数据，然后使用 axios 的方法请求数据。在前后端联调的时候就回遇到跨域问题。多次没有解决然后项目使用了 ajax(听起来有点过分，还引入jq)。

二、解决

服务器(apache)端配置：

header('Access-Control-Allow-Origin: *');

header("Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");

三、多余的

安装 ~npm install axios

引用 main.js 中

~  import axios from 'axios'

~  Vue.prototype.$http = axios

使用

  ~ this.$http.get(url[,{params obj}]).then(function(res){}).catch(function(err){})

~ this.$http.post(url[,{params obj},{config}]).then(function(res){}).catch(function(err){})