Vue

Vue - 配置跨域请求

Posted on 11-01 2019,1 min read

Vue - 配置跨域请求

示例API:http://127.0.0.1:5000/api/menu

配置

package.json同级目录下vue.config.js新建

//axios域代理,解决axios跨域问题
devServer: {
    proxy: {
        '': {
            target: 'http://127.0.0.1:5000',
            changeOrigin: true,
            ws: true,
            pathRewrite: {}
        }
    }
}
调用
this.$http
.get('/api/menu')
.then(response => (this.Fi_sorts = response.data.Fi_sorts))
.catch(function (error) { // 请求失败处理
	console.log(error);
});

下一篇: Vue - 实例常用属性