vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
GISer_Jing2 小时前
2026前端技术潜在主流前沿方向
前端·人工智能·reactjs
切糕师学AI2 小时前
Vue 中的生命周期钩子
前端·javascript·vue.js
掘金-我是哪吒2 小时前
提升服务器性能,解决前端首页加载过慢的问题
运维·服务器·前端
摘星编程2 小时前
React Native for OpenHarmony 实战:Platform 平台检测与判断
javascript·react native·react.js
暴富暴富暴富啦啦啦2 小时前
使用 v-html 仅渲染新数据的方法
前端·javascript·vue.js
摘星编程2 小时前
React Native for OpenHarmony 实战:Slider 滑块组件使用指南
javascript·react native·react.js
light_in_hand2 小时前
CSS博客
前端·css
摘星编程2 小时前
React Native for OpenHarmony 实战:PixelRatio 像素 ratio 处理
javascript·react native·react.js
林_xi2 小时前
二次封装一个vue3签字板signature pad
前端·javascript·vue.js
w***76552 小时前
vue2和vue3的区别
前端·javascript·vue.js