vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
前端 贾公子13 小时前
unplugin-icons == elementPlus自动引入icon
前端·javascript·vue.js
YFLICKERH13 小时前
【Python-Web后端开发框架】Flask | Django | FastAPI | Tornado 选型与 使用 | 特性
前端·python·flask
光影少年13 小时前
说说模块化规范?CommonJS和ES Module的区别?
前端·javascript·elasticsearch
telllong14 小时前
C++20 Modules:从入门到真香
java·前端·c++20
叫我一声阿雷吧14 小时前
JS 入门通关手册(21):原型链:JS 继承的底层原理
开发语言·javascript·前端面试·原型链·js继承·js进阶·js面向对象
是Yu欸14 小时前
LangGraph 智能体状态管理与决策
java·javascript·数据库
计算机学姐14 小时前
基于SpringBoot的中药材店铺管理系统
java·vue.js·spring boot·后端·spring·tomcat·推荐算法
齐鲁大虾14 小时前
如何在HTML/JavaScript中禁用Ctrl+C
前端·javascript·html
qq_4061761414 小时前
深入浅出 Vue 路由:从基础到进阶全解析
前端·javascript·vue.js