NGINX在为多个应用程序提供服务时找不到静态文件

问题描述

我有一个在端口3000上运行的应用程序，另一个在3001上运行。我似乎无法在3001上为该应用程序解析任何静态文件。我当前的Nginx配置是：

server {
    listen       443 ssl http2;
    listen       [::]:443 ssl http2;
    server_name  my_server_name;

    ssl_certificate "my_cert";
    ssl_certificate_key "my_key";

    location / {
        proxy_pass http://localhost:3000;
    }

    location /contact-us/ {
        proxy_pass http://localhost:3001/;
    }
}

这是我在3001上运行的express app.js：

var express = require('express'),routes = require('./routes'),http = require('http'),path = require('path'),async = require('async');

var app = express();

app.configure(function(){
  app.set('port',process.env.PORT || 3001);
  app.set('views',path.join(__dirname,'views'));
  app.set('view engine','pug');
  app.use(express.favicon());
  app.use(express.logger('dev'));
  app.use(express.bodyParser());
  app.use(express.methodoverride());
  app.use(app.router);
  app.use(express.static(path.join(__dirname,'public')));
});

function init() {
  app.get('/',routes.index);
  app.get('/join',routes.join);
  app.get('/survey',routes.survey);
  app.post('/surveySubmit',routes.surveySubmit);
  http.createServer(app).listen(app.get('port'),function(){
    console.log("Express server listening on port " + app.get('port'));
  });
}

init();

最后是资产/脚本标签：

doctype html
html
  head
    Meta(charset="UTF-8")
    Meta(name="viewport",content="width=device-width,initial-scale=1")
    title= title 
    link(rel="icon",href="images/icons/favicon.ico")

    link(rel="stylesheet",type="text/css",href="https://maxcdn.bootstrapcdn.com/
bootstrap/4.0.0/css/bootstrap.min.css",crossorigin="anonymous")

    link(type="text/css",href="https://fonts.googleapis.com/css2?family=Montserr
at:wght@400;600&display=swap")

    link(href="fonts/font-awesome-4.7.0/css/font-awesome.min.css")
    link(href="fonts/Linearicons-Free-v1.0.0/icon-font.min.css")
    link(href="vendor/animate/animate.css")
    link(href="vendor/css-hamburgers/hamburgers.min.css")
    link(href="vendor/animsition/css/animsition.min.css")
    link(href="vendor/select2/select2.min.css")
    link(href="vendor/daterangepicker/daterangepicker.css")
    link(href='css/main.css')
    link(type="/text/css",href='css/util.css')

script(src="https://code.jquery.com/jquery-3.4.1.min.js",crossorigin="anonymous")

    script(type='application/javascript',src='vendor/animsition/js/animsition.min.js')

    script(src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js",crossorigin="anonymous")

    script(src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js",src='vendor/select2/select2.min.js')
    script(type='application/javascript',src='vendor/daterangepicker/moment.min.js')
    script(type='application/javascript',src='vendor/daterangepicker/daterangepicker.js')

  body
    block content

我目前在所有资产上都收到404，并且也无法手动将URL修改为正确的路径。

我尝试过的一些事情：

在Nginx配置中修改根URL，
将脚本标记网址更改为相对/绝对/等。
使用try_files指令进行处理。

任何帮助将不胜感激

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

nginx-config nginx-location