vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
该用户已成仙14 小时前
vue3 使用 vuedraggable 报错 TypeError: isFunction2 is not a function
前端·javascript·vue.js
aidou131414 小时前
Kotlin中实现星级评价选择功能(仅支持整数)
前端·kotlin·自定义view·imageview·ontouchevent·customratingbar
良逍Ai出海14 小时前
我用 Codex 搭了一个 WordPress 独立站
前端
TPBoreas14 小时前
前端面试问题打把-场景题
开发语言·前端·javascript
问心无愧051314 小时前
ctf show web入门159
前端·笔记
San813_LDD14 小时前
[Vue/HTML]ECharts 使用指南:从入门到绘制各种常用图表
vue.js·html·echarts
恋猫de小郭14 小时前
Flutter 又为 AI 时代添砖加瓦:全新 ComponentLibrary 提议
android·前端·flutter
就叫_这个吧14 小时前
HTML或JSP页面链接CSS,link标签没问题,但不显示样式问题解决
java·前端·css·html·intellij-idea·jsp
IT_陈寒14 小时前
SpringBoot这个坑差点让我加班到天亮
前端·人工智能·后端
小小龙学IT14 小时前
Rust Web 框架 Axum:轻量级异步的下一代后端利器
前端·驱动开发·rust