vue 开发环境解决跨域问题-前端

使用http-proxy-middleware中间件解决跨域问题

npm install http-proxy-middleware --save-dev

找到配置文件config.js 

dev:{

　--------------------------------------------------

　//修改

proxyTable：{

}

 ----------------------------------------------------------------------------

}

修改的内容：

proxyTable: {
      '/api': {
        target: 'http://www.xxxxxx.com/api',//后端接口地址
        changeOrigin: true,//是否允许跨越
        pathRewrite: {
          '^/api': '/',//重写,
        }
      }
}

如果后端地址不带路径'/api', 路径：‘http://www.xxxxxx.com/api’ 改为‘http://www.xxxxxx.com’即可。