springboot+vue 登录页面（三）

真是开始前端工作：

准备工作：https://www.cnblogs.com/zongguitao/p/11905343.html

请看完这个文章后再来：https://www.jianshu.com/p/96143f0917aa

上面已经说的很清楚了，有个一些东西上面没有说清楚，

vue怎么访问后台并提交数据的

1.vue 使用了一个类ajax的东西：axios 来进行提交的

在main.js中引用axios
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios,axios);

方法：
var params = new URLSearchParams();
params.append('name', this.dataForm.username);
params.append('password',this.dataForm.password);
this.axios.post('/user/login', params)
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

2.使用vue就是为了前后端分离，则后台端口为：9090，vue端口：8080，这里就牵涉到一个跨域问题
在config/index.js proxyTable 添加
"/":{
target:'http://192.168.1.200:9090',
changeOrigin: true // 如果接口需要跨域，需要进行这个参数配置
}

对了我在提交表单时，我在vue文件中给账号和密码设置了默认值，如果我没有在页面上输入信息，直接提交的话，不知道为什么vue会将我的密码替换掉，修改为：