首页 > 移动平台 > 详细

Vue之Axios跨域问题解决方案

时间:2021-01-19 23:44:55      阅读:56      评论:0      收藏:0      [点我收藏+]

vue.config.js

//-----------------------Axios跨域请求-----------------------------------------
  devServer:{
    port:4000,//vue网页访问的端口
    host:"127.0.0.1",//vue网页访问的地址
    https:false,
    open:false,
    proxy: {
        ‘/sina‘: {  //为用于替换的的标识字符串
            target: ‘http://192.168.1.7‘,//Axios跨域请求的IP
            changeOrigin: true, 
            ws: true,
            pathRewrite: {
                ‘^/sina‘: ‘‘ //不用改
            }
        },
         
      }
  } 
  //-------------------------------------------------------------------

Login.vue

 //------------------Axios跨域 Post请求--------------------------------
      var params=new URLSearchParams();
      params.append(‘login‘,"admin");
      params.append(‘password‘,"admin");
      
      this.$axios.post(‘/sina/api/sessions‘, params)
      .then(function (response) {
        console.log(response);
        
      }.bind(this))
      .catch(function (error) {
        console.log(error);
      });
//--------------------------------------------------------------
/sina 为标识符 替换为  http://192.168.1.7
跨域的请求的地址为 http://192.168.1.7/api/sessions

注:每次修改 vue.config.js 文件后 要 重启项目
Ctrl+C 输入 y 退出
再重启 npm run serve

Vue之Axios跨域问题解决方案

原文:https://www.cnblogs.com/hailexuexi/p/14300579.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!