前端回车(换行)显示成空格

请求到的字符串渲染到html页面,换行通常没有我们想要的换行效果 ,除非你把字符串放在<pre>标签中 ,这是因为文本中的回车是'\n''\n\r',而html中的回车是<br />

但是<pre>标签通常会出现一个致命的问题,在手机端没法响应式(responsive)的显示,我的解决方法是添加white-space属性。

<p style="white-space: pre-line">
  {{text}}
</p>

关于white-space用法: https://www.w3school.com.cn/cssref/pr_text_white-space.asp

修改hosts文件

开发过程总会遇到跨域问题,为了不让浏览器bb,决定修改本机hosts文件。

what's the hosts file? The computer file hosts is an operating system file that maps hostnames to IP addresses

简单来说,就是个本机DNS,比如localhost的IP为127.0.0.1就是hosts文件定义的。 在进行DNS请求以前,Windows系统会先检查自己的Hosts文件中是否有这个地址映射关系,如果有则调用这个IP地址映射,如果没有再向已知的DNS 服务器提出域名解析。也就是说Hosts的请求级别比DNS高。

修改过程如下:

找到hosts文件所在,赋予管理员权限,修改。

打开文件可以看到注释,注释里面说明了hosts文件的作用和语法。