vue項目部署亂碼的解決辦法：1、執行“npm run build”命令；2、通過在“index.html”添加內容“<%@ page="" language="java" import="java.util.*" pageencoding="UTF-8">”來解決亂碼問題即可。

本教程操作環境：Windows10系統、Vue 3版、Dell G3電腦。

vue項目部署亂碼怎么辦？

解決vue項目打包部署后中文亂碼

項目框架：

springmvc + vue

vue項目本地調試OK，npm run build后，放到springmvc項目的webinfo目錄后，再次訪問，出現中文亂碼情況。

解決辦法：

npm run build 后，index.html添加如下內容

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

推薦學習：《vue.js視頻教程》