Bootstrap

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

;