vue 组件post请求变options解决办法

<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配置，在此处也不用了。想要了解具体原因自己去研究。主要是跨域的问题