nuxt-img和js文件无法在服务器上的生产模式上加载。
nuxt-img和js文件无法在服务器上的生产模式上加载。
提问于 2022-03-16 13:44:52
我只是在学习Nuxt JS，在我的本地计算机上很好，直到我想尝试在服务器上部署它，它只是一个简单的应用程序，只是一个图像和文本，但是当我在服务器上部署它时，映像不会加载。我使用PM2在我的Ubuntu上部署我的应用程序
你们可以看看https://bappedabjn.id上的错误，因为它看起来像这样
编辑：
很抱歉我没有包括细节
这里是我将图像放在静态/img/logo.png的位置。
在这里，我如何称呼这个图像
<nuxt-img src="/img/logo.png" width="100" class="mb-10" />最后，这是我的nginx.conf @Lykos94 94问它
proxy_pass http://localhost:3000;
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;回答 1
Stack Overflow用户
发布于 2022-03-17 13:55:35
我试图根据您的信息创建一个新的NuxtJS项目，并添加了@nuxt/image，并成功地复制了您的问题。您目前正在使用target: 'server' (或none )选项，这是nuxt.config.js中的默认选项，该选项需要为您使用@nuxt/image模块提供额外的配置。
特别是，您应该在这个链接上遵循以下指导，并将其添加到插件中：
import { createIPX, createIPXMiddleware } from "ipx";
// https://github.com/unjs/ipx
const ipx = createIPX({
dir: "static/", // absolute path to images dir
});
export default createIPXMiddleware(ipx);在遵循指南之后，我成功地运行了npm run build并在生产中运行了我的服务器，正确地显示了图像。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71498160
复制相关文章
相似问题
腾讯云开发者
