Question

我将 asp dotnet core 用于后端。

这是 asp 呈现页面的方式（请注意，使用meta等的所有内容看起来都是正确的，我的测试确认了这一点）：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My Website</title>
    <base href="/" />

    <link rel="stylesheet" href="/dist/vendor.css?v=nmP2oJlipQWfe1Q9dKUoaAj31lKk6_m4owNSV9fEeqA" />

</head>
<body>

<!-- test from _Layout.cshtml to see if it is its fault -->
àéíôüàéíôüàéíôüàéíôüàéíôü
<!-- it renders it correctly, so it looks like it's Vue.js's fault -->


<div id='app-root'>Loading...</div>
    <script src="/dist/vendor.js?v=sZcVpAmM0vrf6nyPyorxXMMIanK-hAW1RhcF2ymtHfk"></script>    
    <script src="/dist/main.js?v=qjoWhD1Og3eISp302v-McamzVAlCEXm_3gssJzkUnKE"></script>
</body>
</html>

如果我使用此模板，请现在输入app.vue.html：

<template>
    <div>
        àéíôüàéíôüàéíôüàéíôüàéíôü
    </div>
</template>

<style scoped src="./app.css"></style>
<script src="./app.ts"></script>

网站显示以下内容：

àéíôüàéíôüàéíôüàéíôüàéíôü
�������������������������

<=第一行来自_Layout.cshtml，第二行来自app.vue.html

我正在使用的Vue版本是2.5.16

Answer 1

这一切都应该起作用。您的文档中有utf-8元标记。 Vue对utf-8的处理当然没有问题。检查您的源文件（app.vue.html）和捆绑包。例如，以vs代码打开它们，您应该在底部状态栏的右侧看到utf-8。检查所有内容（尤其是分发包）的HTTP标头中的字符编码。发送带有错误HTTP编码标头的.js捆绑包似乎是最可能的罪魁祸首。

<component-name> .vue.html中的口音显示为``。

1 个答案: