vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
❀͜͡傀儡师几秒前
通过npm 手动安装、Docker 部署 OpenClaw小龙虾
前端·docker·npm
前端AI充电站5 分钟前
Google 开始卷价格了:Gemini 3.1 Flash-Lite,会不会把 AI 应用成本真的打下来?
前端·人工智能
风止何安啊11 分钟前
数字太长看花眼?一招教它排好队:千分位处理的实现
前端·javascript·面试
沙包大的拳头11 分钟前
扩展运算符无法克隆 getBoundingClientRect() 获取的值
前端·javascript
忆江南16 分钟前
# Flutter 语音房礼物下载方案(完整版)
前端
悟空瞎说17 分钟前
React 19 带来了诸多创新
前端·react.js
im_AMBER20 分钟前
高并发下的列表乱序与文档同步
前端·react.js·架构
游戏开发爱好者823 分钟前
React Native iOS 代码如何加密,JS 打包 和 IPA 混淆
android·javascript·react native·ios·小程序·uni-app·iphone
前进的李工1 小时前
LangChain使用之Model IO(提示词模版之ChatPromptTemplate)
java·前端·人工智能·python·langchain·大模型