技术栈

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)
相关推荐
0vvv0
1 分钟前
JavaScript-1
javascript
张元清
10 分钟前
React 19 Hooks:新特性及高效使用指南
前端·javascript·面试
敏捷建模
13 分钟前
Zig语言能够编写同时针对PC端和手机端自适应的软件吗
前端
Hello_Embed
20 分钟前
LVGL 入门(四):大小坐标与盒子模型
前端·笔记·stm32·单片机·嵌入式
༄天M宇ༀ
28 分钟前
E10: e-builder 低代码构建平台接口管理(E9建模版)
java·前端·spring·servlet·reactjs
窝子面
42 分钟前
解决vite构建的项目中使用path报错
前端
kana_yonk
1 小时前
如何设置前端vue程序开机自启(Windows)
前端·vue.js·windows
清空mega
1 小时前
《Vue3 中 computed、watch、watchEffect 怎么用?响应式核心能力详解》
前端·javascript·vue.js
ego.iblacat
1 小时前
在 LNMP 平台中部署 Web 应用
android·前端·adb
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南04本地部署 OpenClaw + DeepSeek-R1 完全指南05OpenClaw macOS 完整安装与本地模型配置教程(实战版)06OpenClaw 飞书机器人不回复消息?3 小时踩坑总结07得物前端部门,没了08OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录09Window 10部署openclaw报错node.exe : npm error code 12810OpenClaw 接入 QQ Bot 完整实践指南