vue axios get请求带参数username和password

可以使用axios的get方法来发送带参数的请求，示例代码如下：

import axios from 'axios'

axios.get('/api/login', {
  params: {
    username: 'your_username',
    password: 'your_password'
  }
})
.then(response => {
  console.log(response.data)
})
.catch(error => {
  console.log(error)
})

这里使用了axios的get方法，并且通过params参数传递了需要带的参数。在请求的URL中，会自动将参数拼接在URL后面，形如：`/api/login?username=your_username&password=your_password`。在后端服务器中，可以通过解析URL中的参数来获取到用户名和密码。

相关问题

vue axios跨域post请求

在vue项目中，如果需要进行跨域post请求，可以按照以下步骤进行配置：

1. 在vue项目中安装axios：`npm install axios --save`

2. 在src目录下创建一个文件夹，命名为api，在api文件夹下创建一个index.js文件，用于存放接口请求相关的配置。

3. 在index.js文件中引入axios，并进行基础配置：

import axios from 'axios';

// 配置axios基础路径
axios.defaults.baseURL = 'http://localhost:8080';

export default axios;

4. 在需要进行跨域post请求的组件中，引入刚才创建的api/index.js文件，并使用axios发送post请求：

import api from '@/api/index.js';

// 发送跨域post请求
api.post('/api/login', {
  username: 'admin',
  password: '123456'
}).then(res => {
  console.log(res.data);
}).catch(err => {
  console.log(err);
});

需要注意的是，跨域post请求需要在后端进行相应的CORS配置，否则会导致请求失败。

vue3 axios封装请求

您好，以下是一个简单的 Vue3 Axios 封装请求的示例代码：

import axios from 'axios'

const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 10000,
  headers: {
    'Content-Type': 'application/json'
  }
})

export const get = (url, params) => {
  return instance.get(url, { params })
}

export const post = (url, data) => {
  return instance.post(url, data)
}

您可以使用 `get` 和 `post` 方法来发送 GET 和 POST 请求，例如：

import { get, post } from './api'

get('/users', { page: 1 }).then(response => {
  console.log(response.data)
})

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

希望对您有所帮助！