vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
随风一样自由4 分钟前
React中实现iframe嵌套登录页面:跨域与状态同步解决方案探讨
javascript·react.js·ecmascript
Chicheng_MA5 分钟前
OpenWrt WebUI 交互架构深度解析
javascript·lua·openwrt
pale_moonlight6 分钟前
九、Spark基础环境实战(下)
大数据·javascript·spark
|晴 天|7 分钟前
前端安全入门:XSS 与 CSRF 的攻与防
前端·安全·xss
黛色正浓7 分钟前
【React】ReactRouter记账本案例实现
前端·react.js·前端框架
可爱又迷人的反派角色“yang”8 分钟前
Mysql数据库(一)
运维·服务器·前端·网络·数据库·mysql·nginx
Aerelin8 分钟前
爬虫图片采集(自动化)
开发语言·前端·javascript·爬虫·python·html
Highcharts.js8 分钟前
Renko Charts|金融图表之“砖形图”
java·前端·javascript·金融·highcharts·砖型图·砖形图
国服第二切图仔9 分钟前
Electron for 鸿蒙PC项目实战案例之气泡图组件
javascript·electron·harmonyos
含若飞9 分钟前
列表弹窗实现方案整理
前端·javascript·vue.js