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

本教程操作環(huán)境：Windows10系統(tǒng)、Vue 3版、Dell G3電腦。

vue項(xiàng)目部署亂碼怎么辦？

解決vue項(xiàng)目打包部署后中文亂碼

項(xiàng)目框架：

springmvc + vue

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

解決辦法：

npm run build 后，index.html添加如下內(nèi)容

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

推薦學(xué)習(xí)：《vue.js視頻教程》