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')
})
}