axios 跨域请求问题

框架用的是 Vue 2.0, 本地是 Mac 系统，远程是 Apache 环境。
使用 axios 进行本地请求远程服务器数据，但是报“ has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.”错误，经过测试，服务器是支持跨域请求的，我用 jQuery Ajax 请求，是可以获取到数据的。

组件中的 JS:
<script>
export default {
data () {
return {
lastestPost: '',
errors: []
}
},
created () {
this.$http.get('http://api.mydomain.com/post')
.then(respOnse=> {
this.posts = response.data
})
.catch(e => {
this.errors.push()
})
}
}
</script>

main.js

import Vue from 'vue'
import App from './App'
import router from './router'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import axios from 'axios'

Vue.prototype.$http = axios
Vue.config.productiOnTip= false
Vue.use(Element)

/* eslint-disable no-new */
new Vue({
el: '#app',
router,
template: '<App/>',
components: { App }
})