vue解决跨域问题

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

复制以下带代码

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

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

即可代理成功

相关推荐
梦65025 分钟前
Vue 组件 vs React 组件深度对比
javascript·vue.js·react.js
2501_9462309839 分钟前
Cordova&OpenHarmony提醒管理系统实现
android·javascript
C_心欲无痕40 分钟前
vue3 - useId生成唯一标识符
前端·javascript·vue.js·vue3
KoalaShane40 分钟前
El-slider 增加鼠标滚动滑块事件
开发语言·前端·javascript
栀秋6661 小时前
Tailwind CSS:用“类名编程”重构你的前端开发体验
前端·css
C_心欲无痕1 小时前
vue3 - watchSyncEffect同步执行的响应式副作用
开发语言·前端·javascript·vue.js·vue3
用泥种荷花1 小时前
【前端学习AI】FewShotPromptTemplate
前端
小魔女千千鱼1 小时前
在 Vue 中,this 的行为在箭头函数和普通函数中是不同的
前端·javascript·vue.js
Rysxt_2 小时前
UniApp uni_modules 文件夹详细教程
开发语言·javascript·ecmascript
霍理迪2 小时前
CSS盒模型布局规则
前端·javascript·css