vue解决跨域问题

1、在vue项目的根目录创建vue.config.js的文件

复制以下带代码

bash 复制代码
devServer: {
        proxy: {
          '/api': {
            target: 'http://localhost:3000', // 目标服务器地址
            changeOrigin: true, // 是否改变源
            pathRewrite: {
              '^/api': '' // 重写路径,例如将'/api/user'重写为'/user'
            }
          }
        }
      }

2、将接口的地址前面添加一个/api即可

即可代理成功

相关推荐
毕设源码-朱学姐14 小时前
【开题答辩全过程】以 基于HTML5的购物网站的设计与实现为例,包含答辩的问题和答案
前端·html·html5
梦65014 小时前
CSS 元素垂直水平居中的 8 种方法
前端·css
We་ct14 小时前
LeetCode 68. 文本左右对齐:贪心算法的两种实现与深度解析
前端·算法·leetcode·typescript
ShoreKiten14 小时前
ctfshow-web316
运维·服务器·前端
前端 贾公子14 小时前
release-it 使用指南
前端·javascript
全栈技术负责人15 小时前
前端团队 AI Core Workflow:从心法到落地
前端·人工智能·状态模式
前端 贾公子15 小时前
深入浅出 CSS 属性:pointer-events: none
前端·css
曾几何时`15 小时前
二分查找(十)1146. 快照数组 pair整理
java·服务器·前端
夏河始溢15 小时前
一八二、webpack、grunt、gulp、rollup、parcel、vite 对比介绍
前端·webpack·gulp