reactjs 如何修复错误400图像不显示下一个应用程序firebase ssr

k2arahey  于 2023-02-08  发布在  React
关注(0)|答案(1)|浏览(109)

仍然在我的旅程部署我的ssr应用程序在firebase.几乎有.我只有一个问题,我的图像.我得到了一个400错误消息在控制台上.图片是从一个外部网址.数据提取是正确的,但它确实显示不知何故.你会看到下面我的server.js文件和next.config.js.
有人能告诉我丢了什么吗?
server.js

const { https } = require('firebase-functions');
const { default: next } = require('next');

const isDev = process.env.NODE_ENV !== 'production';

const server = next({
    dev: isDev,
    //location of .next generated after running -> yarn build
    conf: { distDir: '.next' },
    image :{ domain :['assets.coingecko.com'],}
});

const nextjsHandle = server.getRequestHandler();
exports.nextServer = https.onRequest((req, res) => {
    return server.prepare()
        .then(() => {
            return nextjsHandle(req, res)
        });
});

next.config.js

const webpack = require('webpack');
const path = require('path');
//const withPlugins = require('next-compose-plugins');
//const optimizedImages = require('next-optimized-images');


module.exports = {
  images: {
    domains: ['assets.coingecko.com'],
    loader: 'imgix',
    path: 'https://assets.coingecko.com/',
  },
  reactStrictMode: true,
  entry: './src/index.js',
  sassOptions: {
    includePaths: [path.join(__dirname, 'styles')],
  },
  module: {
    rules: [
      //...
      {
        test: /\.(png|jp(e*)g|svg|gif)$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: 'images/[hash]-[name].[ext]',
            },
          },
        ],
      },
    ],
  },

  //...
}
a7qyws3x

a7qyws3x1#

首先我想感谢你的帮助@juliomalves。我找到了我的问题的答案。我已经在这里详细回答了问题[1][ https://stackoverflow.com/questions/69974890/how-to-set-up-next-image-loader-url-correctly-for-external-url/70052871#70052871]如果有人发现自己处于同样的情况。

相关问题