如何进行和后台交互通信(axios)

前提需要配置跨域请求:
找到根目录下config文件夹下的index.js文件 将下面内容 进行覆盖proxyTable
proxyTable: {
      '/api': {
        target: 'http://www.abc.com',  //目标接口域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {
          '^/api': '/api'   //重写接口
        }
 }
}

1、安装axios
cnpm install axios save-dev   (或者cnpm install --save axios)
2、配置axios
[1]、如果不需要跨域则在main.js中进行全局请求地址的配置
import axios from 'axios'
axios.defaults.baseURL = 'https://wd6877995495zqhtln.wilddogio.com/'
[2] methods: {
    sign: function() {
 axios.post("/api/user.json", data).then(data => {
          alert("chenggong");
        });
}}
成功啦!!!

3、如何请求带有参数的api

axios.get('/user', { params: { ID: 12345 } })

.then(function (response) { console.log(response); })

.catch(function (error) { console.log(error); });

猜你喜欢

转载自blog.csdn.net/zezeadede555/article/details/88381985
今日推荐