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

最新推荐文章于 2024-08-02 00:06:36 发布

weixin_30652491

最新推荐文章于 2024-08-02 00:06:36 发布

阅读量903

点赞数

文章标签：后端

原文链接：http://www.cnblogs.com/huyifei/p/10203076.html

版权

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即可

转载于:https://www.cnblogs.com/huyifei/p/10203076.html