vue配置解决跨域问题

风格不统一 提交于 2019-12-01 16:36:16

我们在使用vue时,经常要遇到跨域的问题,其实这个问题很好解决,只需我们在vue-cli中配置一下即可。

实现跨越请求:

在config文件夹下找到index.js

proxyTable: {
      "/baidu_music_api": {
        target: "http://tingapi.ting.baidu.com",
        changeOrigin: true,
        pathRewrite: {
            '^/baidu_music_api': ''
        }
   }
    },

然后在main.js中我们还要进行配置一下

Vue.prototype.HOST='/baidu_music_api'

哦,两步就解决了困扰我们的跨域问题,需要注意的是,这里配置的跨域这只能在开发环境下,vue项目通过build打包后部署到服务器的跨域需要后台来帮助我们解决。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!