vue使用axios请求 实现登录

1. 安装axios

npm install axios --save

2. 在vue组件中引入axios

import axios from 'axios';

3. 在vue组件中使用axios发送请求

axios.post('/api/login', {
  username: 'admin',
  password: '123456'
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.log(error);
});

4. 在服务器端实现登录接口

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

app.post('/api/login', (req, res) => {
  const { username, password } = req.body;
  if (username === 'admin' && password === '123456') {
    res.send({ code: 0, message: '登录成功' });
  } else {
    res.send({ code: -1, message: '用户名或密码错误' });
  }
});

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

以上代码仅供参考，实际项目中需要根据具体需求进行修改。