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

在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条回答 默认 最新

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

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

    
    pathRewrite:{
    "^/api"
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

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

悬赏问题

  • ¥18 深度学习tensorflow1,ssdv1,coco数据集训练一个模型
  • ¥100 关于注册表摄像头和麦克风的问题
  • ¥30 代码本地运行正常,但是TOMCAT部署时闪退
  • ¥15 关于#python#的问题
  • ¥15 主机可以ping通路由器但是连不上网怎么办
  • ¥15 数据库一张以时间排好序的表中,找出多次相邻的那些行
  • ¥50 关于DynamoRIO处理多线程程序时候的问题
  • ¥15 kubeadm部署k8s出错
  • ¥15 Abaqus打不开cae文件怎么办?
  • ¥15 小程序准备上线,软件开发公司需要提供哪些资料给甲方