vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
jacklood3 分钟前
使用STM32的迪文屏控制使用参考方式
前端·javascript·stm32
KevinCyao12 分钟前
Go短信营销接口示例代码:Golang高并发调用营销短信接口的实现方案与代码分享
android·前端·网络·golang·前端框架
Moyo20318 分钟前
前端 -- react快速入门
前端·react.js·前端框架
whuhewei21 分钟前
在React中实现CSS动画的回放
前端·css·react.js
北海军33 分钟前
render el-select下拉框
前端·javascript·vue.js
We་ct1 小时前
LeetCode 4. 寻找两个正序数组的中位数:二分优化思路详解
前端·数据结构·算法·leetcode·typescript·二分
H@Z*rTE|i1 小时前
vue首屏加载优化
前端·javascript·vue.js
FreeBuf_1 小时前
新型开源供应链攻击:虚假 npm 安装日志暗藏 RAT 木马
前端·npm·开源
Irene19911 小时前
v-model 的本质,defineModel() 是 Vue 3.4 的重大改进
前端·javascript·html5
西西学代码1 小时前
Flutter---构造函数
开发语言·javascript·flutter