关于vue项目中axios跨域的解决方法（开发环境）

​1、在config文件中修改index.js​

proxyTable: {
      "/api":{
        target: 'https://www.baidu.com/muc/',//你需要跨域的url
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        }
      }
    },

​2、在config文件中修改dev.env.js​

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  API_HOST:'/api/' //开发环境中加上这段关键，不然出错
})

​3、在config文件中修改prod.env.js​

module.exports = {
  NODE_ENV: '"production"',
  API_HOST: 'https://www.baidu.com/muc/'//生产环境中加上这段关键，不然出错
}

​4、在你请求的端口之前加上​

this.$axios
          .get([
            '/api/captch/sent?phone' //这里需要在你请求的端口之前加上/api/.
          ])
          .then(response => {
            // success

          })
          .catch(error => {
            // error
            console.log(error)
          })

总结：

​这4步一步也不能少，谨记​

广告：

最后我自己创建一个QQ交流群。

IT各行各业的人都有，欢迎大家加入，

分享自己的心得体会。

QQ群：​​716560543​​

打扰了，请见谅~