vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
cyforkk2 分钟前
前端架构实战:当服务器关闭时,如何优雅提示 502 错误?
服务器·前端·架构
高桥凉介发量惊人7 分钟前
UI 与交互篇(1/6):组件化思路:从页面复制到可复用组件
前端
kyriewen7 分钟前
Generator 函数:那个能“暂停”的函数,到底有什么用?
前端·javascript·面试
进击的尘埃7 分钟前
驾驭Skill市场:从3000+技能包中筛出真正能打的20个
javascript
打酱油的D20 分钟前
01. Node.js 运行时
前端·后端
悟空瞎说25 分钟前
生产环境Node.js内存泄漏,定位+根治全流程(图文版)
javascript·node.js
是大强26 分钟前
Electron 打包用 junction 代替 symlink
前端·javascript·electron
哈__41 分钟前
ReactNative项目OpenHarmony三方库集成实战:lottie-react-native
javascript·react native·react.js
哈罗哈皮43 分钟前
trea也很强,我撸一个给你看(附教程)
前端·人工智能·微信小程序
就是个名称1 小时前
echart绘制天顶图
linux·前端·javascript