技术栈

vue解决跨域问题

Bubluu2024-11-07 14:31

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

复制以下带代码

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

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

即可代理成功

上一篇:应急救援无人车:用科技守护安全!
下一篇:查缺补漏----用户上网过程(HTTP,DNS与ARP)
相关推荐
毕设源码-朱学姐
14 分钟前
【开题答辩全过程】以 基于HTML5的购物网站的设计与实现为例,包含答辩的问题和答案
前端·html·html5
梦650
25 分钟前
CSS 元素垂直水平居中的 8 种方法
前端·css
We་ct
32 分钟前
LeetCode 68. 文本左右对齐:贪心算法的两种实现与深度解析
前端·算法·leetcode·typescript
ShoreKiten
41 分钟前
ctfshow-web316
运维·服务器·前端
前端 贾公子
1 小时前
release-it 使用指南
前端·javascript
全栈技术负责人
1 小时前
前端团队 AI Core Workflow:从心法到落地
前端·人工智能·状态模式
前端 贾公子
2 小时前
深入浅出 CSS 属性:pointer-events: none
前端·css
曾几何时`
2 小时前
二分查找(十)1146. 快照数组 pair整理
java·服务器·前端
夏河始溢
2 小时前
一八二、webpack、grunt、gulp、rollup、parcel、vite 对比介绍
前端·webpack·gulp
热门推荐
01GitHub 镜像站点02OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)03Claude Code Skills 实用使用手册04Open Code教程(四)| 高级配置与集成05UV安装并设置国内源06struts2 XML外部实体注入漏洞复现(CVE-2025-68493)07Linux下V2Ray安装配置指南08在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)09AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南10Labelme从安装到标注:零基础完整指南