webapi+vue跨域session丢失解决方法

前后端分离中在webapi设置可以跨域，在web.config文件中添加

<httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="http://localhost:8080"/>
        <add name="Access-Control-Allow-Headers" value="Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild"/>
        <add name="Access-Control-Allow-Methods" value="PUT, POST, GET, DELETE, OPTIONS"/>
        <add name="Access-Control-Allow-Credentials" value="true"/>
      </customHeaders>
    </httpProtocol>

vue项目中，在main.js添加

axios.defaults.withCredentials=true

即可解决