ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

axios跨域问题

2022-09-14 02:00:21  阅读:203  来源: 互联网

标签:username cookies axios 跨域 问题 token set password response


报错!!!

报错关键词: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.

接口不正确Access-Control-Allow-Headers不允许请求报头字段内容类型。

需要添加

"https://www.imooc.com/api/http/json/search/suggest?word=js",

 login_password(){
              if (this.username && this.password) {
                //发送请求
                this.$axios.post(this.$settings.base_url + '/user/login/', "https://www.imooc.com/api/http/json/search/suggest?word=js", {
                    username: this.username,
                    password: this.password,
                }).then(response => {
                    console.log(response.data)
                    //把用户信息保存到cookie中
                    // this.$cookies.set('key','value','过期时间,按s计')
                    this.$cookies.set('token',response.data.token,'7d')
                    this.$cookies.set('username',response.data.username,'7d')
                    //关闭登录窗口(子传父)
                    this.$emit('close')
                    //给父组件,Head传递一个事件,让它从cookie中取出token和username
              }).catch(errors => {
                console.log()
              })
            }else{
              this.$message({
                message:'不行,用户名和密码必须填哦',
                type:'warning'
              })
            }
          }

        }

然后就完美解决了

标签:username,cookies,axios,跨域,问题,token,set,password,response
来源: https://www.cnblogs.com/xionghuan01/p/16691596.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有