vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
今年下半年1 分钟前
【前端】Vue2 项目 ECharts 统计图表组件封装与使用实践(附组件源码)
前端·javascript·echarts
冒险的豆子5 分钟前
JS 原型链 通俗易懂 解释说明(类比 关系)
开发语言·javascript·原型模式
西索斯coding10 分钟前
在 中接入 教程:p配置、m填写、扩展思考参数一篇就够(2)
java·前端·javascript·ai
代码猎人12 分钟前
前端怎么优化项目基础架构
前端
__sjfzllv___21 分钟前
在职前端Leader学习/转行 AI Agent -DAY78
前端
代码猎人21 分钟前
前端怎么封装工具类
前端
deli00724 分钟前
PDF 合并别再用在线工具:12 份文件浏览器里合完,实测不上传
前端
shuoshuohaohao24 分钟前
SpringBoot3-web开发-静态资源-内容协商
前端
特立独行的猫A25 分钟前
仓颉UI开发实战:我用仓颉写了个桌面版力扣:从判题机到 100 道题
vue.js
kiros_wang27 分钟前
RDB关系数据库实战:增删改查、事务、分页、版本迁移
前端