vue配置解决跨域问题

我们在使用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打包后部署到服务器的跨域需要后台来帮助我们解决。