Образы сервера Node Js работают только на локальных

Я использую этот код с приложением с Node js (и angular 6) для чтения изображений:

Файл сервера Nodejs:

    ....
var express = require('express');
var path = require('path');
var app = express();
..
    const bodyParser = require('body-parser');
    const cookieParser = require('cookie-parser');
    const fileUpload = require('express-fileupload');
    const cors = require('cors');


    // view engine setup
     app.set('uploads', path.join(__dirname, 'uploads'));
    app.set('view engine', 'jade');

    app.use(cors());
    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({ extended: false }));
    app.use(cookieParser());
    app.use(fileUpload());
    app.use('/uploads', express.static(__dirname + '/uploads'));


    app.post('/upload', (req, res, next) => {
      console.info(req);
      let imageFile = req.files.file;

      imageFile.mv(`${__dirname}/uploads/${req.body.filename}.jpg`, function(err) {
        if (err) {
          return res.status(500).send(err);
        }

        res.json({file: `uploads/${req.body.filename}.jpg`});
      });

    })

    // catch 404 and forward to error handler
    app.use(function(req, res, next) {
      const err = new Error('Not Found');
      err.status = 404;
      next(err);
    });

    // error handler
    app.use(function(err, req, res, next) {
      // set locals, only providing error in development
      res.locals.message = err.message;
      res.locals.error = req.app.get('env') === 'development' ? err : {};

      // render the error page
      res.status(err.status || 500);
      res.render('error');
    });

    app.listen(8888, () => {
      console.info('8888');
    });

этот код работает на локальном, чтобы читать изображения. пример: http: // локальный: 8888 / uploads / 02.jpg

Но при развертывании этого кода на сервере Я не могу читать файлы. пример: http://www.mywebsite.com/uploads/image.jpg (изображение существует)

что мне нужно сделать, чтобы этот код работал на веб-сайте?

Спасибо.

Проверьте права доступа к каталогу и файлам, возможно, процессу nodejs не разрешено их читать. Кроме того, возможно, вам нужно проверить конфигурацию вашего сервера, если вам разрешено читать из этого каталога.

akkonrad 16.11.2018 09:40

вы уверены, что URL-адрес изображения правильный? Вы проверили URL-адрес, чтобы узнать, дает ли __dirname правильный путь на сервере

Joel Joseph 16.11.2018 09:43

да, разрешение папки и картинок на чтение, запись, выполнение. Папка для загрузки находится в том же каталоге, что и файл server.js.

Iheb Saad 16.11.2018 09:51

заключается в том, что изображение не загружается только в угловом режиме, а загружается в браузере при посещении прямого URL-адреса на новой вкладке, попробуйте посетить этот URL-адрес на новой вкладке вашего браузера и проверьте, загружается ли изображение

Joel Joseph 16.11.2018 10:10

также попробуйте внести следующие изменения в код: app.use('/uploads',express.static('uploads'));

Joel Joseph 16.11.2018 10:14

@IhebSaad ты проверил

Joel Joseph 16.11.2018 10:36

Node js вылетает, когда я запускаю сервер изображений. Я пытаюсь решить проблему, чтобы протестировать ваше решение.

Iheb Saad 16.11.2018 12:32
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
7
180
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

на удаленном сервере,

sudo chomd -R 777 your_project_folder

попробуй, Я предполагаю, что проблема с разрешением или папка для изображения не создается.

Итак, после проверки журнала ошибок, если папка с изображениями не создана,

сначала вы должны его создать, во-вторых, набрав этот скрипт. это скрипт, который дает полное разрешение на все каталоги проекта

Спасибо. Теперь это работает! (У меня проблема при открытии порта для изображений с основным портом, но когда я тестировал его самостоятельно. Он работает)

Iheb Saad 16.11.2018 12:42

Принятый ответ, хотя, по-видимому, решает проблему OP, представляет серьезную угрозу безопасности, и его следует избегать в производственной среде. chomd -R 777 открывает папку (и все подпапки, включая файлы проекта, а не только изображения) для просмотра и изменения всеми. Вместо этого, разрешения для папок должны быть скорректированы зерно, как предлагает @akkonrad.

Спасибо. Возьму на рассмотрение :)

Iheb Saad 20.11.2018 12:28

Другие вопросы по теме