nginx部署多个vue项目，报Uncaught SyntaxError: Unexpected token '<' 错误

nginx部署多个vue项目，报Uncaught SyntaxError: Unexpected token '<' 错误

img

img

img

img

错误提示是在zh_CN.js这个文件上的，检查下这个文件看看

应该是你的配置文件的问题，出现了不识别的地方

该回答引用GPTᴼᴾᴱᴺᴬᴵ
根据你提供的信息，我理解你是在部署多个 Vue 项目时遇到了

Uncaught SyntaxError: Unexpected token '<'错误

这个错误通常是因为浏览器尝试解析 HTML 页面而不是 JavaScript 文件，因为服务器返回了错误的 MIME 类型。要解决这个问题，可以尝试以下步骤：

  1. 确保服务器正确地设置了 MIME 类型。在 Nginx 中，可以使用以下配置来为 JavaScript 文件设置正确的 MIME 类型：
types {
    application/javascript js;
}

2.确保 Vue 项目中的 publicPath 设置正确。如果你在部署时设置了不同的 publicPath，则需要相应地调整服务器配置。例如，如果你在部署时将 publicPath 设置为 /admin/，则需要在服务器配置中将其设置为：

location /admin {
    alias /path/to/admin/dist/;
    try_files $uri $uri/ /admin/index.html;
    index index.html;
}

这将将请求路由到 Vue 项目的 index.html 文件，并确保 JavaScript 和 CSS 文件正确加载。

3.确保你的 Vue 项目正确构建。检查项目的 index.html 文件是否正确引用了 JavaScript 和 CSS 文件。如果使用了 webpack，还应该检查 webpack 配置中的 output.publicPath 和 output.filename 是否正确设置。

希望这些步骤可以帮助你解决问题。如果问题仍然存在，请提供更多详细信息，我将尽力帮助你。

原因：

img

img

引用问题