vue使用vscode跨域请求post，get

登录测试

创建axios（request.js）

import axios from 'axios' //引入 axios
//import baseUrl from '../api/baseUrl' //使用环境变量 + 模式的方式定义基础URL
 
// 创建 axios 实例
const service = axios.create({
//  baseURL: baseUrl, // api 的 base_url
  timeout: 15000, // 请求超时时间
})
 
export default service

引入axios(login.js)

import request from '@/utils/request' //引入封装好的 axios 请求
 //对象
// export function login(user) { //登录接口
//   return request({ //使用封装好的 axios 进行网络请求
//     url: 'http://localhost:8088/login',
//     method: 'post',
//     data:  //提交的数据
//       user
//   })
// }
//参数
export function login(username,password) { //登录接口
  return request({ //使用封装好的 axios 进行网络请求
    url: 'http://localhost:8088/login',
    method: 'post',
    data:  //提交的数据
      {
        username,
        password
      }
  })
}

调用(login.vue)

<template>
  <div class="login-container">
    <el-form ref="form" :model="form" label-width="80px" class="login-form">
      <h2 class="login-title">管理系统</h2>
      <el-form-item label="用户名">
        <el-input v-model="form.username" name="username"></el-input>
      </el-form-item>
      <el-form-item label="密码">
        <el-input type="password"  v-model="form.password" name="password"></el-input>
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="login">登录</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

 <script>
  import { login } from "../api/login";
export default {
  data() {
    return {
      form: {
        username: "",
        password: ""
      }
    };
  },
  methods: {
      login() {
      //let 属性 var属性传属性传对象一致性
      //打印对象
      console.log(this.form)
      //调用方法并回调方法
    //   login(this.form).then(res => {
    //       console.log(this.form)
    //       console.log(res);
    //   });

      login(this.form.username,this.form.password).then(res => {
          //打印
          console.log(this.form)
          console.log(res);
      });
    }
  }
}
</script>