Vue三步完成跨域请求

三步完成跨域请求

　　①main.js中： Vue.prototype.HOME = '/api';
　　② config/index.js中：

module.exports = {
	dev: {
	// Paths
	assetsSubDirectory: 'static',
	assetsPublicPath: '/',
	proxyTable: {
		'/api':{
			target:'https://www.baidu.com',
			changeOrigin:true,
		　　　　 pathRewrite:{
			'^/api':'/api'
			}
        }
    },
......
}

　　主要是proxyTable的修改。

　　③GET请求：

axios({
	method:'get',
　　　　 url:this.HOME,
}).then(function(resp){
	console.log(resp.data);
}).catch(resp=>{
	console.log("请求失败"+resp.status+resp.statusText);
});

 　　④POST请求

      let data = new FormData();
      data.append('uname','xiaowanzi');
      data.append('pwd','123456');
      axios.post(this.HOME+'/card/sysUserController/isUser.do',data)
      .then(res=>{
        this.loading = false;
        console.log('res=>',res); 
          this.$router.push({ path: this.redirect || '/' });
      },error=>{
        this.loading = false;
        this.$message.error(error);
        console.log('error=>',error);
      }

　　

 

转载于:https://www.cnblogs.com/ZeGod/p/10267813.html