vue项目打包后网页的title乱码解决方案
更新时间：2024年03月21日 09:18:20 作者：爱学习的大雄
这篇文章主要介绍了vue项目打包后网页的title乱码解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue项目打包后网页的title乱码
遇到的问题
vue项目在本地运行时无乱码现象产生，但在我运行npm run build打包项目运行index.html后发现就是这个标题会出现乱码的情况
后来在经过查阅资料，发现是字符编码的问题。
尝试了网上一种方法
就是将乱码的文件使用电脑自带的记事本打开，然后选择utf-8字符编码另存为。
这种方法可以在本机上实现问题的解决，但是当我把另存为的文件再次上传到linux服务器中部署后有产生了乱码问题
最终找到的解决方法
如下：
在产生乱码的html的head中添加以下代码即可：
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
添加后再次进行项目打包，本地测试无乱码现象，然后上传至linux服务器部署，访问测试，无乱码现象。
vue部署项目，线上打开乱码
如图：
在 index.html <head></head>中加入<meta charset="utf-8"> 即可
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue路由的相关资料，文中讲解非常细致，帮助大家更好的理解和学习vue路由知识，感兴趣的朋友可以了解下2020-08-08
这篇文章主要介绍了Vue 组件注册全解析的相关资料，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下2020-12-12
如何隐藏element-ui中tree懒加载叶子节点checkbox(分页懒加载效果)
这篇文章主要介绍了如何隐藏element-ui中tree懒加载叶子节点checkbox(分页懒加载效果)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了在做vue计算属性，v-for处理数组时遇到的一个bug 问题,需要的朋友可以参考下2018-01-01
本文主要介绍了Vue+tsx使用slot没有被替换的问题，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了在Vue中使用Select选择器拼接label的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
vue3 onMounted异步函数同步请求async/await实现
这篇文章主要为大家介绍了vue3 onMounted初始化数据异步函数/同步请求async/await实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
这篇文章主要介绍了Vue路由跳转与接收参数的实现方式,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
这篇文章主要介绍了element-ui滚动条el-scrollbar置底方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了vue3一个元素如何绑定两个或多个事件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
最新评论