Linux 部署Nuxt JS应用程序时我做错了什么?

Linux 部署Nuxt JS应用程序时我做错了什么?,linux,nginx,nuxt.js,server-side-rendering,Linux,Nginx,Nuxt.js,Server Side Rendering,我有Nuxt JS应用程序。它从IDE在我的本地计算机上成功运行,并显示所有资源。 该应用程序部署在以下位置: 当应用程序部署在Linux服务器上时,它不会加载资源(图像、字体、js文件)。 它显示错误: 我在部署中做错了什么?如何解决错误并正确加载所有资源? 所有资源都在此处加载: 我连接如下图像: <img src="../assets/images/my-works-bg.webp" alt="works-bg" /> @font

我有Nuxt JS应用程序。它从IDE在我的本地计算机上成功运行,并显示所有资源。 该应用程序部署在以下位置:

当应用程序部署在Linux服务器上时,它不会加载资源(图像、字体、js文件)。 它显示错误:

我在部署中做错了什么?如何解决错误并正确加载所有资源?

所有资源都在此处加载:

我连接如下图像:

<img src="../assets/images/my-works-bg.webp" alt="works-bg" />
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat");
  src: url('../fonts/Montserrat/Montserrat-SemiBold.woff') format("woff");
  font-weight: 600;
}
  • 我使用pm2为node js应用程序运行应用程序:

    pm2 start npm --name "glinka-frontend" -- start
    
  • 编辑: 似乎浏览器试图从我没有的另一条路径获取资源

    下面是我的项目中图像的路径示例

    <img src="~/assets/images/avatar.webp" alt="" />
    
    错误仅在linux服务器上的生产环境中发生。我的本地机器没有任何错误,一切正常。

    感谢@Nick Dawes 我更改了nginx配置,它成功了:

       server {
    
        listen 80;
    
        server_name glinka.tk  www.glinka.tk;
        index index.html index.htm;
    
        root /home/kentforth/webapps/Glinka-Frontend-Nuxt/dist;
    
        location / {
           proxy_pass http://localhost:6050;
           proxy_http_version 1.1;
           proxy_set_header Upgrade $http_upgrade;
           proxy_set_header Connection 'upgrade';
           proxy_set_header Host $host;
           proxy_cache_bypass $http_upgrade;
        }
    
        error_log  /var/log/nginx/glinka-frontend-error.log;
    
        access_log /var/log/nginx/glinka-frontend-access.log;
    }
    

    请分享一些代码-例如,对avatar.webp的引用。您提到您使用“~/images/avatar.webp”,但您的屏幕截图显示“/img/avatar.webp”。如果不知道代码的结构,很难排除故障。我做了编辑。我到底应该提供什么?我有很多东西。你的意思是图像和字体的路径吗?不要发布代码、数据、错误消息等的图像-复制或在问题中键入文本。在nginx配置中,指向项目根目录而不是/.nuxt/dist目录。@Rob,对不起!我不知道那件事
    @font-face {
      font-family: "Montserrat";
      src: local("Montserrat");
      src: url('../fonts/Montserrat/Montserrat-SemiBold.woff') format("woff");
      font-weight: 600;
    }
    
       server {
    
        listen 80;
    
        server_name glinka.tk  www.glinka.tk;
        index index.html index.htm;
    
        root /home/kentforth/webapps/Glinka-Frontend-Nuxt/dist;
    
        location / {
           proxy_pass http://localhost:6050;
           proxy_http_version 1.1;
           proxy_set_header Upgrade $http_upgrade;
           proxy_set_header Connection 'upgrade';
           proxy_set_header Host $host;
           proxy_cache_bypass $http_upgrade;
        }
    
        error_log  /var/log/nginx/glinka-frontend-error.log;
    
        access_log /var/log/nginx/glinka-frontend-access.log;
    }