<script>
import axios from 'axios'
import qs from 'qs'
axios.defaults.baseURL='http://xxxx:8001'
axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded';
// axios.defaults.headers["Access-Control-Allow-Origin"] = "*";
export default{
name:'HelloWorld',
data(){
return {
loginform:{
username:'',
password:'',
sex:'',
}
}
},
methods:{
onlogin(){
axios.post('/login/index',this.loginform)
}
}
}
</script>
以上就是最直观，最简单的组件调用axios请求，根据被我注释的地方
// axios.defaults.headers["Access-Control-Allow-Origin"] = "*"; 就是导致post-options的关键地方
在网上七找八找，找一堆网上添加最后，发现不是后端跨域问题，是前端的问题。将该处直接删除就能正常请求了。不过后端的跨域配置也要更改添加，关于网上说的ps配置，在此处也不用了。想要了解具体原因自己去研究。主要是跨域的问题