VUE项目编写完成进入HTML出现中文乱码怎么解决

今天写VUE项目的时候，编写完项目，之后打开index.html的时候发现所有的中文均为乱码，之后着手解决这个问题发现了一个新坑

出现原因

如果没在webstorm中进行过特殊设置，默认的webstorm中的新创建的 .vue 文件的默认编码不是UTF-8而是其他的编码方式，所以在浏览器中打开会出现乱码

解决方式

解决方式1

将乱码文件（例如index.vue）以记事本的方式打开，之后点击另存为，右下角位置有对应的文件编码方式将这里更改，即可完成，之后文件重命名什么的均可直接在文件夹内进行操作

解决方式2

打开webstorm，左上角的file（文件）按键，选择setting（设置）属性，在搜索框里搜索encode属性，选择File Encodings 之后将两个方式都改成UTF-8
此图引用位置：“https://blog.csdn.net/u012679583/article/details/50329261/” 链接.

以后创建的 .vue 文件的默认编码就都变成 UTF-8 了，嗯，就这个破东西卡了我30分钟。

VUE新坑中文乱码相关推荐

微信小程序模板消息（服务通知消息）原始post工具封装(不使用jar包--坑比较多)，解决47001(JSON格式)和中文乱码问题
微信小程序模板消息(服务通知消息)原始post工具封装(不使用jar包--坑比较多),解决47001(JSON格式)和中文乱码问题参考文章: (1)微信小程序模板消息(服务通知消息)原始post工具 ...
Servlet 输出中文乱码的新收获(1)
又碰到servlet 输出中文乱码的问题,恼火.研究了一下,有了新的发现和认识. 原始代码: java 代码 protected void doGet(HttpServletRequest reque ...
vue项目打包部署后中文乱码
web项目项目框架:springmvc + vue vue项目本地调试OK,npm run build后,放到springmvc项目的webinfo目录后,再次访问,出现中文乱码情况. 解决办法: ...
wps linux打开odt文档乱码,jodconvert转换中文文档时中文乱码的小坑
原创者:文思继上一篇代码编写和部署后,这次测试发现转换后的pdf的中文都是乱码,作为程序员的我第一时间就去想到了gbk与utf-8之间的字符集编码转换问题.首先在本地windows环境测试,生成的p ...
js fetch 新浪股票接口中文乱码解决方法
乱码问题在 React 中使用 fetch 获取新浪股票接口数据时,出现乱码,代码如下: fetch("/api/list=sz002307", { // 相当于 http:// ...
[转载]Qt之解决中文乱码_vortex_新浪博客
博主很给力原文地址:Qt之解决中文乱码作者:一去二三里在项目开发的过程中,中文乱码是比较常见的问题!用Qt开发也不例外,之前在做界面的时候没有发现什么问题,但是在程序移植的过程中问题出现了! 在W ...
pymssql中文乱码踩坑
开门见山,先放解决问题的代码 SELECT CONVERT(NVARCHAR, test_field) AS test_field FROM test_table WHERE test_conditi ...
vue下载文件(zip格式)，并解决中文乱码
examineClick(index, tableData, id) { // 触发事件axios({method: 'post',url: `***`, // 接口responseType: 'bl ...
bat命令修改ini文件内容_关于mysql使用中文乱码；mysql修改ini文件无法启动；以及mysql卸载无法安装的一系列问题说明。...
今天在用mysql时候出现了中文乱码问题,本人也不是什么大牛,所以就去网上找解决方法,问题是越解决越多,从开始的乱码问题到中间的mysql无法启动,最终到mysql再次安装无法安装,真的是搞的心态都要 ...

VUE新坑中文乱码

VUE项目编写完成进入HTML出现中文乱码怎么解决

出现原因

解决方式

解决方式1

解决方式2

VUE新坑中文乱码相关推荐

最新文章

热门文章

VUE新坑 中文乱码

VUE项目编写完成进入HTML出现中文乱码怎么解决

出现原因

解决方式

解决方式1

解决方式2

VUE新坑 中文乱码相关推荐

最新文章

热门文章

VUE新坑中文乱码

VUE新坑中文乱码相关推荐