Azure上PM2部署VueJS应用遇GET请求ENAMETOOLONG错误求助

这个错误是因为你把过长的JWT Token直接放到了URL路径段中（比如/login/sso/{超长token}），服务器会把这个路径当成文件路径去查找，而系统对文件路径长度有严格限制，因此触发了ENAMETOOLONG错误。以下是具体解决办法：

1. 改用查询参数传递JWT（最直接方案） #

把Token从路径段移到查询参数里，示例URL改为：

http://localhost:8080/login/sso?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJQUjAwMTYifQ.BrPtb-6T5MlpmuE-Vq4-0ip-bTe1tZ5KLvOMmDMclU2-U1Fra7sSop5wA_MbqsC65kFBeQdafGxzJTho7aBR6TTkI9_L5FEoZ1xN7vfCG-yMWzqf6Bydjpqye6JJUlCbWDZwposAWKpn4EKCY52k_uOOf0bbP95AN_12KKLm7XH7p7bSfANd-xYK_f3HdNThqjwUGGQJy66Z9kv_MDn9YFwA3OCd1osrdwPRCh4LSzJ-uHH9y1NqjiQzcLSUEYCieulXO7_I5wF3u7SiYVw2tWiBau9JLcghSwCB4z9YpWDYIcv3mZeOiBP4pR_7i9dS3H_tGDk43Kmno3eGwGZwuw

前端在/login/sso页面中，通过$route.query.token（Vue2）或useRoute().query.token（Vue3）获取Token即可，这样路径长度大幅缩短，不会触发文件路径长度限制。

2. 配置服务器路由重写（需保留路径参数时） #

如果必须用路径参数传递Token，需要让服务器不再把长路径当成文件查找，而是转发给Vue的index.html处理。针对Azure App Service，在项目根目录添加web.config文件，配置重写规则：

<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="Vue History Mode" stopProcessing="true">
          <match url=".*" />
          <conditions>
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/index.html" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

这个规则会让所有非文件/非目录的请求都转发到index.html，由Vue路由处理，服务器就不会尝试查找长路径的文件，自然不会触发错误。

3. 更安全的替代方案（推荐） #

JWT放在URL里存在被日志记录、泄露的风险，建议改用以下方式传递：

• 请求头：将Token放在Authorization头中，格式为Bearer {token}，前端请求时设置该头，后端或Vue路由解析头信息获取Token。
• POST请求：如果是跳转场景，可通过表单POST方式提交Token，避免出现在URL中。

内容的提问来源于stack exchange，提问作者Ghazi Souelmi