關(guān)于vue項(xiàng)目中axios跨域的解決方法（開發(fā)環(huán)境）

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/' //開發(fā)環(huán)境中加上這段關(guān)鍵，不然出錯(cuò)
})



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

module.exports = {
  NODE_ENV: '"production"',
  API_HOST: 'https://www.baidu.com/muc/'//生產(chǎn)環(huán)境中加上這段關(guān)鍵，不然出錯(cuò)
}



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

        this.$axios
          .get([
            '/api/captch/sent?phone' //這里需要在你請求的端口之前加上/api/.
          ])
          .then(response => {
            // success
           
          })
          .catch(error => {
            // error
            console.log(error)
          })



總結(jié)：
這4步一步也不能少，謹(jǐn)記

作者：Vam的金豆之路

主要領(lǐng)域：前端開發(fā)

我的微信：maomin9761

微信公眾號：前端歷劫之路