码迷,mamicode.com
首页 > 移动开发 > 详细

axios解决调用后端接口跨域问题

时间:2018-12-31 19:45:08      阅读:272      评论:0      收藏:0      [点我收藏+]

标签:http   targe   路径   amp   接口   table   target   没有   npm   

vue-cli通过是本地代理的方式解决接口跨域问题的。但是在vue-cli的默认项目配置中这个代理是没有配置的,如果现在项目中使用,必须手动配置config/index.js文件

...
proxyTable: {
      ‘/api‘: {    //将www.exaple.com印射为/apis
        target: ‘https://www.example.com,  // 接口域名
        secure: true,  // 如果是https接口,需要配置这个参数
        changeOrigin: true,  //是否跨域
        pathRewrite: { // 如果接口本身没有api的路径,那么这里将发送到后端的请求重写为没有api的路径
          ‘^/api‘: ‘/‘ 
        }
      }
    }
...

重新npm run dev即可

axios解决调用后端接口跨域问题

标签:http   targe   路径   amp   接口   table   target   没有   npm   

原文地址:https://www.cnblogs.com/huyifei/p/10203076.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!