vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
苏打水com2 分钟前
Day1-3 夯实基础:HTML 语义化 + CSS 布局实战(对标职场 “页面结构搭建” 核心需求)
前端·css·html·js
m0_740043734 分钟前
mapState —— Vuex 语法糖
java·前端·javascript·vue.js
哟哟耶耶5 分钟前
WebPage-postcss-px-to-viewport前端适配
前端·javascript·postcss
7澄15 分钟前
Java Web 底层解析:Servlet 执行流程、Tomcat 工作原理与自定义 Tomcat 实现
java·前端·servlet·tomcat·自定义tomcat·tomcat执行流程·servlet执行流程
拾忆,想起8 分钟前
Dubbo延迟加载全解:从延迟暴露到延迟连接的深度优化
前端·微服务·架构·dubbo·safari
IT_陈寒10 分钟前
React 18并发渲染实战:这5个性能陷阱让我浪费了整整一周!
前端·人工智能·后端
EB_Coder13 分钟前
前端面试题-JavaScript高级篇
前端·javascript·面试
爱吃无爪鱼18 分钟前
07-常用的前端开发组合(技术栈):配方大全
前端·vue.js·前端框架·npm·node.js·sass
cliffordl20 分钟前
Web 自动化测试(Playwright)
前端·python
慧慧吖@20 分钟前
前端无限列表
前端