boke | vue中实现跨域访问

vue框架是用vue-cli搭建起来的,今天遇到了跨域问题,是按照如下方式解决的:

在config下的index.js中,添加如下代码

proxyTable: {'/api': {target: 'http://localhost:8081/blog',changeOrigin: true,pathRewrite: {'^/api': ''}}}

上面的写法,表示将/api前的请求替换为target的内容,比如,请求是"/api/getAllList",那么最终的请求地址为"http://localhost:8081/blog/getAllList"。

因此,在发送get或者post请求时,按照如下写法,就将当前请求映射到目标地址,实现跨域请求的目的。

getArticleData () {this.$http.get('/api/article/getArticles').then(response => {if (response.body.code === 0) {this.articleList = response.body.data.articles}}, res => {console.log('error')})}