qq_58273204 2022-11-12 13:56 采纳率: 50%
浏览 25
已结题

在vue.config.js中配置了代理,但 vue跨域未生效

问题遇到的现象和发生背景

springboot-vue模块中实现跨域问题时,出现200跨域正常,但跨域的端口还是前端端口,这是咋回事呢

用代码块功能插入代码,请勿粘贴截图

#vue.config.js
module.exports = {
    devServer: {

        host:'localhost',
        port:'8080',
        proxy: {                 //设置代理,必须填
            '/api': {              //设置拦截器  拦截器格式   斜杠+拦截器名字,名字可以自己定
                target: 'http://localhost:8888',     //代理的目标地址
                changeOrigin: true,              //是否设置同源,输入是的
                pathRewrite: {                   //路径重写
                    '/api': ''                     //选择忽略拦截器里面的单词
                }
            }
        }
    }
}

```bash
#这是vue中的方法
```javascript


save(){
      request.post("/user",this.form).then(res => {
        console.log(this.form)
      })
    },


运行结果及报错内容

img


同时控制台也没输出结果

img

  • 写回答

2条回答 默认 最新

  • 程序员啊楠 前端领域新星创作者 2022-11-12 14:39
    关注

    你把pathRewrite像下面一样写一下试试,浏览器只要没有报跨域错误就不是跨域把,你是不是要检查一下你springboot的写法

    
    pathRewrite:{
    "^/api"
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • CSDN-Ada助手 CSDN-AI 官方账号 2022-11-12 16:45
    关注
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 11月30日
  • 已采纳回答 11月22日
  • 创建了问题 11月12日

悬赏问题

  • ¥15 微信实时共享位置修改
  • ¥100 TG的session协议号转成直登号号后客户端登录几分钟后自动退出设备
  • ¥30 共模反馈回路的小信号增益
  • ¥15 arduino ssd1306函数与tone函数放歌代码不兼容问题
  • ¥70 0.96版本hbase的row_key里含有双引号,无法deleteall
  • ¥15 Jupyter怎么一行一行运行
  • ¥20 Ida Pro增加插件出现问题
  • ¥15 诊断性META分析合并效能的检验
  • ¥15 请问abb根据色块判断奇偶数并根据批次号放入仓储
  • ¥15 .Net Core Winfrom 承载SignalR