nginx配置vue 找不到 js 文件

当在 nginx 上配置 Vue 项目时，可能会遇到找不到 js 文件的问题。这通常是因为 nginx 配置文件中缺少对静态文件的正确配置导致的。

首先，需要确保在 nginx 的配置文件中正确设置了静态文件的路径。在配置文件中添加类似下面的代码：

server {
  ...
  location / {
    try_files $uri $uri/ /index.html;
  }

  location /js {
    alias /path/to/your/vue/project/dist/js;
  }
  ...
}

在这个例子中，我们通过 location 指令来指定对于 /js 路径的请求应该映射到 Vue 项目中 dist 目录下的 js 文件夹。确保你的路径和实际项目路径保持一致。

其次，需要确保项目打包后的输出路径正确。在使用 vue-cli 构建项目时，可以通过修改 vue.config.js 文件中的 publicPath 属性来设置输出路径。确保 publicPath 设置正确，使得 Vue 项目能够正确加载静态资源。

最后，重启 nginx 服务器以应用新的配置。使用以下命令重启 nginx：

sudo systemctl restart nginx 

通过这些步骤，应该能够解决 nginx 配置 Vue 项目时找不到 js 文件的问题。如果仍然遇到困难，建议仔细检查配置文件中的路径和文件夹名称，并查看 nginx 错误日志以获取更多信息。