vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
滿13 分钟前
Vue3 ElementPlus el-select 焦点事件数据不回显问题
javascript·vue.js·elementui
晚霞的不甘13 分钟前
Flutter + OpenHarmony 架构演进:从单体到模块化、微前端与动态能力的现代化应用体系
前端·flutter·架构
代码or搬砖14 分钟前
Vue生命周期总结(四个阶段,八个钩子函数)
前端·javascript·vue.js
VX:Fegn089514 分钟前
计算机毕业设计|基于springboot + vue超市管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
梵尔纳多16 分钟前
第一个 Electron 程序
前端·javascript·electron
鹏北海-RemHusband16 分钟前
记录一次微前端改造:把 10+ 个独立 Vue 项目整合到一起
前端·javascript·vue.js
程序员小寒18 分钟前
前端高频面试题之Promise相关方法
前端·javascript·面试
IT_陈寒19 分钟前
JavaScript 开发者必知的 7 个 ES2023 新特性,第5个能让代码量减少50%
前端·人工智能·后端
李少兄19 分钟前
前端开发中的 CSS @keyframes 动画指南
前端·css
LYFlied20 分钟前
前端技术风险防控:以防为主,防控结合
前端·工程化·技术风险防控