vue页面出现乱码,那么就需要在当前页面设置编码为utf-8

摘要:
如果HTML在中文中出现乱码,则将其修改如下:必须将其设置为zh-CN简体中文。如果设置为lang=“en”,则表示英语,如果内容是中文,则可能会出现乱码或者它可以缩写为:或请记住,元中只有两个属性。两个值:http equiv=“Content-Type”Content=“text/html;charset=utf-8”//值中有一个分号。中国常用代码:utf-8GB2312gbk等utf-8支持:简体中文、繁体中文、英语、日语、韩语gb2312支持:简体中文使用的具体代码根据网站建设要求设置。

vue页面出现乱码,那么就需要在当前页面设置编码为utf-8第1张

vue页面出现乱码,那么就需要在当前页面设置编码为utf-8第2张

HTML出现中文乱码时修改如下:
<html lang="zh-CN"> 这个必须设置zh-CN中文简体,如果设置成 lang="en" 表示英文,如果内容是中文就有可能出现乱码
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
或者可以简写为:<meta charset="UTF-8">
或者
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

记住meta中只有两个属性两个值:
http-equiv="Content-Type"
content="text/html;charset=utf-8" //值里面有一个分号。

国内常用的编码:utf-8 GB2312 gbk 等编码
utf-8支持:简体中文,繁体中文,英文,日文,韩文
gb2312支持:简体中文
具体使用哪种编码根据网站建设需求进行设置。

//在PHP中出现乱码如下修改:
<?php
echo iconv("GB2312","UTF-8",'SLDFIJS势力的看风景');
?>

免责声明:文章转载自《vue页面出现乱码,那么就需要在当前页面设置编码为utf-8》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C#实现WebSocket协议客户端和服务器websocket sharp组件实例解析IDEA Gradle配置与使用下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

关于react实现类似vue keep-alive 的cache router的功能解决方案

// 问题来源 众所周知react是单页面应用,在路由发生变化的时候,她所对应的页面或者组件会被卸载。当路由加载的时候,原页面所有的数据都会重新加载 这在移动端的用户体验可能是一个重大灾难! 比如列表滚动到第20页或者tab切换第三个tab 再去滚动列表进入详情页,当你返回的时候你原来的浏览记录被重新加载了,这个体验会是非常差。 react官方...

Vue前端实现登陆功能

在登陆组件中找到登陆按钮,绑定点击事件 <button @click="loginhander">登录</button> 在methods中请求后端 export default { name: 'Login', data(){ return { login_type: 0, r...

Vue实现PC端分辨率自适应

方案 lib-flexible+ px2remLoader lib-flexible:阿里可伸缩布局方案 px2rem-loader:px转rem 安装依赖 npm install px2rem-loader -D npm install lib-flexible -S 引入依赖 main.js引入lib-flexible import...

MYSQL8.0+ 使用JDBC查询中文乱码的问题

在建表时,附加一句  DROP TABLE IF EXISTS `sys_table`;CREATE TABLE `sys_table` ( ... ) ENGINE=InnoDB DEFAULT CHARSET=utf8;set names gb2312; navicat 如果出现中文乱码,可以查看mysql的字符集和navicat字符集是否统一,使用 ...

vue 进入页面与离开页面触发事件

1.切换进入当前路由之前的钩子函数 beforeRouteEnter <script> export default { beforeRouteEnter(to, form, next) { next() } } </script> 2.离开当前路由之前的钩子函数 beforeRouteLeave <scri...

elementUI Message 独立引入的用法

同理,Alert,MessageBox, Notification, 也是这样引入 单组件单独引用: import { Message } from 'element-ui'; export default { methods: { open() { Message.error('错误信息'); } } }...