vue get请求url传参中文乱码

在Vue中进行get请求时，如果url传递的参数包含中文，可能会出现乱码的情况。这是因为URL中只能包含ASCII字符，而中文字符是不可打印的字符。所以，为了解决乱码问题，我们需要使用encodeURIComponent()函数对中文参数进行编码。

具体做法如下：

1. 在发送get请求时，将参数使用encodeURIComponent()函数进行编码，将编码后的参数拼接在URL中。

const param = encodeURIComponent('中文参数');
const url = 'http://example.com/api?param=' + param;

axios.get(url)
   .then(response => {
      // 处理响应数据
   })
   .catch(error => {
      // 处理错误
   });

2. 在接收后端返回的url时，也需要使用decodeURIComponent()函数对参数解码，以获取原始的中文字符。

const param = decodeURIComponent(this.$route.query.param);

以上是解决Vue中get请求url传参中文乱码的方法，通过对中文参数进行编码和解码，可以有效避免乱码问题的发生。

相关问题

vue axios发get请求中文乱码

在 Vue 的项目中使用 Axios 发送 GET 请求时，如果返回的数据中含有中文字符导致乱码，可以尝试使用以下方法解决：

1. 在请求头中设置字符编码为 UTF-8：

axios.get(url, { 
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
  }
})

2. 使用 `qs` 库对请求参数进行序列化：

import qs from 'qs';

axios.get(url, {
  params: {
    // 请求参数
  },
  paramsSerializer: function(params) {
    return qs.stringify(params, { arrayFormat: 'brackets' });
  }
});

3. 在后端服务器的响应头中设置字符编码为 UTF-8：

response.setHeader("Content-Type", "text/html; charset=UTF-8");

这些方法都有助于解决中文乱码的问题。请根据你的具体情况选择合适的方法进行尝试。

vue post请求传参

Vue中使用post请求传参可以通过axios库实现，示例代码如下：

import axios from 'axios'

axios.post('/api/login', {
  username: 'user1',
  password: '123456'
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

需要注意的是，要在Vue项目中安装axios库才能使用。另外，post请求传参时需要将参数以对象的形式传入，如上述代码中的{username: 'user1', password: '123456'}。