Vue-cli3 axios 跨域

一、问题

不同服务端做axios请求时：

	created(){
        this.$axios({
            method:'post',
            url:'http://127.0.0.1/AOC/template/post/get_series.php',
            data:this.qs.stringify({ })
        }).then((response) =>{          //这里使用了ES6的语法
            console.log(response);       //请求成功返回的数据
        }).catch((error) =>{
            console.log(error);    //请求失败返回的数据
        })
    }

浏览器跨域

二、解决

• vue.config.js 下添加配置

	devServer: {
        https: false, // https:{type:Boolean}
        open: false, //配置自动启动浏览器
        proxy: {
          '/AOC': {
              target: 'http://127.0.0.1/',  // target host
              ws: true,  // proxy websockets 
              changeOrigin: true,  // needed for virtual hosted sites
              pathRewrite: {
                  '^/AOC': ''  // rewrite path
              }
          },
        } 
    }

• axios 请求地址改变

	created(){
        this.$axios({
            method:'post',
            url:'AOC/template/post/get_series.php', //改变
            data:this.qs.stringify({ })
        }).then((response) =>{          //这里使用了ES6的语法
            console.log(response);       //请求成功返回的数据
        }).catch((error) =>{
            console.log(error);    //请求失败返回的数据
        })
    }

三、重点

有时候vue没有实时更新，此时可以重新启动 npm run serve