vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
中工钱袋8 分钟前
前端请求到底是从哪里发出去的?
前端
じòぴé南冸じょうげん3 小时前
若依框架favicon.ico缓存更新问题解决方案:本地生效但线上未更新
前端·javascript·前端框架·html
狮子座的男孩3 小时前
js基础高级:01、数据类型(typeof、instanceof、===的使用)、数据与变量与内存(定义、赋值与内存关系、引用变量赋值、js调函数传参)
前端·javascript·经验分享·数据类型·数据与变量与内存·赋值与内存关系·引用变量赋值
Cyclo-6 小时前
PDFJS 在React中的引入 使用组件打开文件流PDF
前端·react.js·pdf
椒盐螺丝钉8 小时前
Vue Router应用:组件跳转
前端·javascript·vue.js
顾安r8 小时前
11.20 开源APP
服务器·前端·javascript·python·css3
敲敲了个代码9 小时前
CSS 像素≠物理像素:0.5px 效果的核心密码是什么?
前端·javascript·css·学习·面试
少云清9 小时前
【软件测试】5_基础知识 _CSS
前端·css·tensorflow
倔强青铜三10 小时前
AI编程革命:React + shadcn/ui 将终结前端框架之战
前端·人工智能·ai编程
二川bro10 小时前
第57节:Three.js企业级应用架构
开发语言·javascript·架构