首页 > 其他 > 详细

关于Vue-cli的跨域解决

时间:2017-11-05 15:53:45      阅读:298      评论:0      收藏:0      [点我收藏+]

由于Vue-cli服务器是跑在node环境下的8080端口,我们的php代码可能在Apache环境下的7070端口,这个时候就会出现跨域

技术分享

此刻这段php代码在7070端口上

如果直接去访问

技术分享

页面报错

技术分享

此刻我们可以不用去后台配置,直接打开vue-cli目录下的config/index.js配置

技术分享

 proxyTable: {
      ‘/api‘: {
        target: ‘http://127.0.0.1:7070/‘,
        changeOrigin: true,
        pathRewrite: {
          ‘^/api‘: ‘/‘
        }
      }

如果用axios进行请求,为了不用再每次请求前缀都加api可以在全局main.js文件中配置axios

技术分享

然后在请求

技术分享

 

技术分享

 

 数据获取成功

关于Vue-cli的跨域解决

原文:http://www.cnblogs.com/douyaer/p/7787590.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!