Vue传参${id}变成$%7Bid%7D

发生缘由

• 外卖项目在Linux服务器上面运行发送请求乱码

运行环境

• 电脑系统：win10

• jdk版本：jdk-8

• SpringBoot版本：v2.4.5

• MP版本：3.4.2

• Vue版本：Vue.js v2.6.12

• Linux版本：Centos7

报错信息

// 修改页面反查详情接口
function queryEmployeeById (id) {
    return $axios({
        url: '/employee/${id}',
        method: 'get'
    })
}

发送上述请求并没有拼接id，发送的请求是/employee/$%7Bid%7D

解决方案

发送的ajax请求中url的值错误了，对此有两种解决方案：

1. 使用字符串拼接的方式

   url: '/employee/' + id

2. 使用模板字符串(键盘左上角ESC和TAB键中间)

   url: `/employee/${id}`

发送的ajax请求中url的值错误了，不应该使用单引号将其值包裹起来，如果使用单引号将其包裹起来那么值就变成固定的了，并不会进行拼接。

这点可以从Idea看出来，他们的显示样式是不同的