latex - 如何消除lstlisting中的边界不连续性

Question

我正在尝试将 lstlistings 包与 pdflatex 一起使用。我写了一个演示，但效果不好，因为边界不连续。

我用了一些汉字，所以我必须使用转义字符（我要设置它'~'）。

现在我可以看到汉字了，但是边框不连续，有时换行不正确。

这是我的代码：

\documentclass{article}
\usepackage[UTF8]{ctex}
\usepackage{listings}

\lstset{
    escapeinside={~~},
    basicstyle=\zihao{5}\ttfamily,
    columns=flexible,
    breaklines=true,
    frame=single,
}

\begin{document}
\begin{lstlisting}[caption={登录}]
Request(`/students/student?id=\$\{stdId\}`,\ model,\ "student",\ \{\});  //~同步获取学生id~

nodom.request(`/students/semester?id=\$\{stdId\}`).then(data\ =>\{ //~获取当前学期~

let\ semester =\ JSON.parse(data);

model.set("semester",\ semester);

let\ \{semesterId=null\}\ =\ \{...semester\};

let\ url\ =\ `/students/questions\_overview?semId=\$\{semesterId\}\&stuId=\$\{stdId\}`;

Request(url,\ model,\ "problems",\ \{\},\ RefreshTimeleft);  //`~获取学生考试的题目和回答情况~ \});

model.set("intervalObj",\ setInterval(RefreshTimeleft(model)),\ 1000)); //~定时刷新剩余时间定时刷余时间定时剩间~
\end{lstlisting}

    
\end{document}

这是输出：