Linux 部署Nuxt JS应用程序时我做错了什么?
我有Nuxt JS应用程序。它从IDE在我的本地计算机上成功运行,并显示所有资源。 该应用程序部署在以下位置: 当应用程序部署在Linux服务器上时,它不会加载资源(图像、字体、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
<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 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;
}