20180204.ajax提交注册数据；axios跨域请求得到json字符串；实现注册功能

 

我设置本地阿帕奇后端服务器端口是8080，前端端口是8081，注意区别
首先要给注册弹窗一个方法，核实两次密码是否一致，在modal1组件中添加代码
verify:function(){

        if(this.pass==this.pass1){

//下面是ajax部分，提交用户写的name和密码，name和密码请提前双向绑定，否则永远没结果。

            axios.post('http://localhost:8080/UserManager/adduser?name='+this.name+'&password='+this.pass)
            .then(function(response){
              console.log(response);
            })
            .catch(function(err){
              console.log(err);
            });

//注册完了要关闭该窗口

            this.$emit('close');
        }
    },

然后会发现从后端javaweb得到的json字符串显示不出来，提示错误，需要跨域请求才能得到，所以要找到项目根目录下的config/index。js文件。找到proxytable，添加代码
proxyTable: {

    '/api': {
    target: 'http://localhost:8080',
    changeOrigin: true,
    pathRewrite: {
      '^/api': ''
    }
  }
    },

接下来回到modal1组件，ajax部分参数代码需要修改为
axios.post('/api/UserManager/adduser?name='+this.name+'&password='+this.pass)
，别的不变。
浏览器获取后端的json字符串成功。