vue axios请求出错No 'Access-Control-Allow-Origin' header is present on the requested resource

在向服务器请求数据的时候,经常报这个错
No ‘Access-Control-Allow-Origin’ header is present on the requested resource
解决方法:
在config/index.js中proxyTable添加

proxyTable: {
      '/api': {                                // 要代理的接口名
        target: 'http://172.xx.148.xxx:8080/',   // 要代理的接口地址
        changeOrigin: true,                            // 允许跨域
        pathRewrite: { '^/api': '' }            // 接口名重写
      },

然后在main.js中声明一个全局

Vue.prototype.HOST = '/api'

可以在组件中使用了

var url = this.HOST + "/user?";
    this.$axios.get(url,{
    params:{            
        name:this.name,     //上传参数到服务器
        id:this.id
    }
    }).then(res => {
        var a =res.data.code;
        console.log(a);             //从服务器取得数据res,这里我们需要data里面的code
        })
        }

你可能感兴趣的:(vue axios请求出错No 'Access-Control-Allow-Origin' header is present on the requested resource)