vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
禅思院1 天前
流式 Markdown 渲染完全指南【引子】
前端·架构·前端框架
JackSparrow4141 天前
前端安全之JS混淆+请求加密+请求签名以提升爬虫难度
前端·javascript·后端·爬虫·python·安全
IMPYLH1 天前
HTML 的 <em> 元素
java·前端·html
名为沙丁鱼的猫7291 天前
【审计日志组件实践复盘】前端工程化 + 后端DDD架构(AOP切面拦截日志) + MBG
前端·架构
xqqxqxxq1 天前
AI智能旅游规划系统 - 前端技术笔记
前端·笔记·旅游
陈随易1 天前
bm2,MoonBit实现的pm2替代品
前端·后端·程序员
a1117761 天前
农业数字孪生大屏网页 html开源
前端·html
圣光SG1 天前
web操作题练习(六)
前端
闪亮的路灯1 天前
威联通QTS使用自带web服务期代理前端(类似nginx)
前端·nginx·威联通
kyriewen1 天前
我用AI写了半年代码——回头看,这5个能力正在退化
前端·javascript·ai编程