Vue + ASP.NET core 解决跨域问题

最新推荐文章于 2024-08-13 08:00:29 发布

Aurorapeak

最新推荐文章于 2024-08-13 08:00:29 发布

阅读量1.7k

点赞数

文章标签： vue asp.net

本文链接：https://blog.csdn.net/Qiaozian/article/details/118020466

版权

本文介绍了如何解决Vue.js（本地8080端口）与ASP.NET Core（本地44345端口）开发环境中遇到的跨域问题。通过在Vue的`config/index.js`中配置`proxyTable`进行代理设置，处理HTTPS避免SSL错误。同时，也在ASP.NET Core的`Startup.cs`中添加CORS策略，允许特定来源。现在，前端axios请求时，URL只需使用'/api/接口名'，代理服务器会自动转发请求。

摘要由CSDN通过智能技术生成

前端用vue搭建的，跑在本地端口8080，后端用ASP.NET core写的，跑在本地端口44345，前端用axios请求接口。
先改前端，在config文件夹下的index.js中找到proxyTable，proxyTable 是 vue-cli 脚手架在开发模式下为我们提供的一个跨域的代理中转服务器服务，那一块改成

proxyTable: {
   
      '/api': {
   
        target: 'https://localhost:44345/',
        changeOrigin: true,
        "secure": false,
        pathRewrite: {
   
          '^/api': ''
        }
      }
}