Vue如何解决跨域问题

关于跨域问题,前前后后也看过很多东西,一般解决Vue当中存在的跨域问题,都采用的是改配置的方法。这种方法相对简单,但是只在编译器里使用有效,当你将前端打好的包和后台部署到tomcat等服务器上,就会发现跨域的问题还是依然存在的

下面我们来说一下编译器中如何配置

找到config文件夹下的index.js中的proxyTable

proxyTable: {
      "/api":{
        target:"http://localhost:8086",
        changeOrigin:true,
        pathRewrite:{
          "^/api":""
        }
      }
    },

注:autoOpenBrowser属性改为true

在axios中url如下写法
/api/UserController/getAllUser

当然了,想要真正解决跨域问题,请安装nginx将vue项目的路由地址进行转发就可以了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值