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

缺乏、安全感 2021-09-29 18:44 183阅读 0赞

**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`

打扰了，请见谅~

发表评论取消回复

表情：

评论列表（有 0 条评论，183人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue2 axios跨域解决方法和nodejs+express跨域

方法一 1.在vue.config.js文件中配置 module.exports = { devServer: { proxy: {

ゝ一世哀愁。/ 2023年10月09日 14:07/ 0 赞/ 37 阅读

相关 vue前端解决跨域问题（axios）

vue前端解决跨域问题（axios） 1、安装环境 2、配置代理 1.在config文件夹下的index.js文件中的proxyTable字段中，

朴灿烈づ我的快乐病毒、/ 2023年02月18日 01:57/ 0 赞/ 120 阅读

相关 VUE之axios解决跨域方案

跨域示例 ![在这里插入图片描述][20200807172647824.png] Access to XMLHttpRequest at ‘xxxx’ from or

古城微笑少年丶/ 2022年11月25日 10:05/ 0 赞/ 206 阅读

相关 vue利用axios处理开发环境和生成环境的跨域问题

1.跨域，是一个需要前后端一起解决的服务器问题，在vue-cli的webpack有解决这个问题的功能。例如前端向后台服务器（[http://localhost/echoI

怼烎@/ 2022年06月04日 04:29/ 0 赞/ 566 阅读

相关【VUE axios】跨域返回HTML的方法

1、后台参考ajax jsonp写，返回一个callback，结果全是html，需要手动解析一下 this.$axios( {

忘是亡心i/ 2022年05月19日 06:58/ 0 赞/ 873 阅读

相关【VUE axios】axios跨域方式

1、配置config下的index.js proxyTable: { '/apis': { target: '

爱被打了一巴掌/ 2022年05月19日 06:55/ 0 赞/ 314 阅读

相关 Vue使用axios、解决axios跨域

axios [axios文档][axios] > axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端从浏览器中创建 XML

骑猪看日落/ 2022年03月06日 10:38/ 0 赞/ 626 阅读

相关 vue axios + Java 跨域

1.在 vue main.js 的里面 import axios from 'axios'//引入axios,来发送请求 Vue.prototype.axios

女爷i/ 2022年01月22日 00:45/ 0 赞/ 311 阅读

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

1、在config文件中修改index.js proxyTable: { "/api":{ target: 'http

缺乏、安全感/ 2021年09月29日 18:44/ 0 赞/ 184 阅读

相关 vue axios解决跨域

axios解决跨域 1、在config中的index.js文件中将proxyTable后的内容修改为:

阳光穿透心脏的1/2处/ 2021年07月24日 12:46/ 0 赞/ 494 阅读