c# mvc项目 前端vue前后端分离开发过程总结

c# mvc项目 前端vue前后端分离开发过程总结

1.vs创建新项目选择ASP.NET Web 应用程序（.NET Framework）

选择mvc项目

2.修改配置（解决跨域问题）
在web.config中添加 system.webServer 代码如下

<system.webServer>

    <httpProtocol>

      <customHeaders>

        <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>

        <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type"/>

        <add name="Access-Control-Allow-Origin" value="*" />

      </customHeaders>

    </httpProtocol>

  </system.webServer>

3. 如果用vue开发前端 修改Index.cshtml（ window.location = “路径为vue打包后方进项目中的index.html路径”）

4. vue端设置跨域路径