Nginx 服务器不提供我的 Express 应用程序的 css 和 js 文件

如何解决Nginx 服务器不提供我的 Express 应用程序的 css 和 js 文件

我正在尝试使用 socket.io 和 express 创建一个 webrtc 应用程序。在我服务器的 7000 端口上。页面正在加载，但 js 和 css 文件未从 nginx 提供服务。我从网上尝试了一些配置，但我无法修复它。如果我尝试将该位置用作“/”，则没有问题。但我希望它在 mysite.com/rtc 位置使用。我希望有一个人可以帮助我。谢谢你。（顺便说一句，我在 8000 端口还有一个应用程序）

我的 index.ejs ;

<!DOCTYPE html>
<html>

<head>

  <title>WebTutsPlus WebCon</title>
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link href="https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400;500;600&family=Josefin+Slab&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="/css/styles.css">

  <!-- <link rel="stylesheet" href="/css/main.css" /> -->

</head>

<body class="h-100">
  <div class="h-100" id="video_display">

    <div id ="video_container" class="align-items-center" style="margin-top: 10%;">
      <div class="local_div" id="div1" style="">
                <video id="localVideo" class="" autoplay muted playsinline></video>
            </div>
            <div class="remote_div" id="div2">
                <video id="remoteVideo" class="" autoplay playsinline></video>
            </div>
    </div>

  </div>
  

  

  <!-- Import SocketIO for signalling -->
  <script src="/socket.io/socket.io.js"></script>

  <!-- Import WebRTC adapter for compatibility with all the browsers  -->
  <script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
  
  <!-- Import TURN config -->
  <script src="js\config.js"></script>

  <!-- Import script containing WebRTC related functions -->
  <script src="js\main.js"></script>
  
</body>

</html>

我的nginx配置;

    error_log /var/log/nginx/error_log; server {
        listen 80;
        server_name website-name;
        return 301 https://$host$request_uri;
}
server {
 listen 443 ssl;
server_name website-name;
 ssl_certificate /etc/letsencrypt/live/mysite.site/fullchain.pem;
 ssl_certificate_key /etc/letsencrypt/live/mysite.site/privkey.pem;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on;
    ssl_ciphers 'EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH';
        client_max_body_size 128M;
        location ~ \.php$ {
        root /home/ubuntu;
        #  proxy_pass http://ip:8000;
        include snippets/fastcgi-php.conf;
        # With php-fpm (or other unixsockets):
        fastcgi_pass unix:/var/run/php/php7.2-fpm.sock;
        # With php-cgi (or other tcp sockets): fastcgi_pass127.0.0.1:9000;
        }
  location /rtc {
       root /home/ubuntu/aura-videochat;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_X_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_set_header X-NginX-Proxy true;
        proxy_pass http://ip:7000;
        proxy_redirect off;
    }
   # Increase http2 max sizes
   http2_max_field_size 64k;
   http2_max_header_size 64k;
}

我的 index.js（主应用才开始）；

'use strict';

//Loading dependencies & initializing express
var os = require('os');
var express = require('express');
var app = express();
var http = require('http');
//For signalling in WebRTC
var socketIO = require('socket.io');


app.use(express.static('public'))

app.get("/rtc",function(req,res){
    res.render("index.ejs");
});

var server = http.createServer(app);

server.listen(process.env.PORT || 7000);

var io = socketIO(server);

Nginx 服务器不提供我的 Express 应用程序的 css 和 js 文件

如何解决Nginx 服务器不提供我的 Express 应用程序的 css 和 js 文件

相关推荐