首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >cssjshtml vue.js 跨域请求

cssjshtml vue.js 跨域请求

作者头像
葫芦
发布2019-04-17 16:01:49
4.2K0
发布2019-04-17 16:01:49
举报
文章被收录于专栏:葫芦葫芦

1.fetch方法:

App.vue

  export default {
    name: 'App',
    data() {
      return {}
    },
    //fetch
    created() {
      fetch("/apis/test/testToken.php", {
        method:"post",
        headers:{
          token:"f4c9023jkwalkfjas2910a"
        },
        body:JSON.stringify(
          {username:"brownwang",password:"21232"}
          )
          .then(result =>{
            return result.json()
          })
          .then(data => {
            console.log(data)
          })
      })
    }
  }

/config/index.js

    proxyTable: {
      '/apis':{
        target:'https://goods.footer.com',  //接口名称
        changeOrigin:true,   //是否跨域
        pathRewrite:{
          '^/apis':''   //需要rewrite重写的
        }
      }
    },

2.axios

npm install axios

配置main.js

import axios from 'axios'

axios.defaults.headers.common['token']='12fdafsafdfsadfsaf'
axios.defaults.headers.post["Content-type"]="application/json"
Vue.prototype.$axios=axios

App.vue实现:

  export default {
    name: 'App',
    data() {
      return {}
    },
    //axios
    created() {

      this.$axios.post("/apis/test/testToken.php",
        {username:"brownwang",password:"1232"})
        .then(data=>{
          console.log(data)
        })

    }
  }

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019/01/10 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.fetch方法:
  • App.vue
  • 2.axios
  • npm install axios
  • 配置main.js
  • App.vue实现:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档