vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
webkubor4 小时前
🧠 2025:AI 写代码越来越强,但我的项目返工却更多了
前端·机器学习·ai编程
Sun_小杰杰哇4 小时前
Dayjs常用操作使用
开发语言·前端·javascript·typescript·vue·reactjs·anti-design-vue
戴维南5 小时前
TypeScript 在项目中的实际解决的问题
前端
晴殇i5 小时前
package.json 中的 dependencies 与 devDependencies:深度解析
前端·设计模式·前端框架
basestone5 小时前
🚀 从重复 CRUD 到工程化封装:我是如何设计 useTableList 统一列表逻辑的
javascript·react.js·ant design
pas1365 小时前
25-mini-vue fragment & Text
前端·javascript·vue.js
何贤5 小时前
2025 年终回顾:25 岁,从“混吃等死”到别人眼中的“技术专家”
前端·程序员·年终总结
软件开发技术深度爱好者5 小时前
JavaScript的p5.js库使用介绍
javascript·html
冴羽5 小时前
CSS 新特性!瀑布流布局的终极解决方案
前端·javascript·css
满天星辰5 小时前
Vue 响应式原理深度解析
前端·vue.js