从http服务器响应资源的正确方法

Question

我有这个 index.html 页面：

   <html>
    <head>
     <title>My Site</title>
     <link rel="stylesheet" type="text/css" href="css/example.css" />
    </head>
    <body>
     <h2>Hello world</h2>
     <p>Image:</p>
     <img src="someimage.jpg" alt="W3Schools.com" width="104" height="142">
    </body>
   </html>

我写了一个简单的java Http服务器。 该服务器处理请求，从资源文件夹加载index.html并响应客户端（浏览器）。 客户端看到index.html但没有资源（图像、CSS、js）。 因为浏览器加载index.html尝试加载包含在此页面中的所有资源。 而是服务器中的资源。 我用/assets/这样的路径写了一个新的处理程序，并尝试像这样替换index.html所有资源链接：

<img src="someimage.jpg" width="104" height="142">

到

<img src="/assets/someimage.jpg" width="104" height="142">

在/assets/处理程序中，我剪切了 URI 的第一部分（ /assets/ ）并尝试从 URI 的第二部分（ someimage.jpg ）加载资源；

它有效，但我无法加载 CSS。 因为我替换了pageAsString.replace("src=\\"", "/assets/");但是在href="css/example.css"

也许我做错了什么，这种方法不好？ 如何将 index.html 返回给客户端并提供从服务器加载资源的能力？

Answer 1

根据您的问题制作了快速的单班项目。 使 IMG 和 SCRIPT 标签起作用：

package test.server;

import com.sun.net.httpserver.HttpExchange;
import com.sun.net.httpserver.HttpHandler;
import com.sun.net.httpserver.HttpServer;

import java.io.*;
import java.net.InetSocketAddress;
import java.net.URI;

public class MyHandler implements HttpHandler {
    public void handle(HttpExchange t) throws IOException, IOException {
        InputStream is = t.getRequestBody();

        InputStreamReader isReader = new InputStreamReader(is);
        BufferedReader reader = new BufferedReader(isReader);
        StringBuffer sb = new StringBuffer();
        String str;
        while((str = reader.readLine())!= null){
            sb.append(str);
        }

        String response = "<html>\n" +
                "\n" +
                "<head>\n" +
                "    <title>My Site</title>\n" +
                "    <link rel=\"stylesheet\" type=\"text/css\" href=\"css/example.css\" />\n" +
                "</head>\n" +
                "\n" +
                "<body>\n" +
                "    <h2>Hello world</h2>\n" +
                "    <p>Image:</p>\n" +
                "    <img src=\"/assets/cat.jpg\" alt=\"W3Schools.com\" width=\"104\" height=\"142\">\n" +
                "    <script src=\"/assets/alert.js\"></script>\n" +
                "</body>\n" +
                "\n" +
                "</html>";

        t.sendResponseHeaders(200, response.length());
        OutputStream os = t.getResponseBody();
        os.write(response.getBytes());
        os.close();
    }

    public static void main(String[] args) {

        InetSocketAddress cd = new InetSocketAddress(8080);
        HttpServer server = null;
        try {
            server = HttpServer.create(cd, 8080);
        } catch (IOException e) {
            e.printStackTrace();
        }

        server.createContext("/main", new MyHandler());

        server.createContext("/assets/", new HttpHandler() {
            @Override
            public void handle(HttpExchange httpExchange) throws IOException {
                String root = "!!! YOUR SITE ROOT IN FILE SYSTEM !!!";
                URI uri = httpExchange.getRequestURI();
                File file = new File(root + uri.getPath()).getCanonicalFile();
                if (!file.getPath().startsWith(root)) {
                    // Suspected path traversal attack: reject with 403 error.
                    String response = "403 (Forbidden)\n";
                    httpExchange.sendResponseHeaders(403, response.length());
                    OutputStream os = httpExchange.getResponseBody();
                    os.write(response.getBytes());
                    os.close();
                } else if (!file.isFile()) {
                    // Object does not exist or is not a file: reject with 404 error.
                    String response = "404 (Not Found)\n";
                    httpExchange.sendResponseHeaders(404, response.length());
                    OutputStream os = httpExchange.getResponseBody();
                    os.write(response.getBytes());
                    os.close();
                } else {
                    // Object exists and is a file: accept with response code 200.
                    httpExchange.sendResponseHeaders(200, 0);
                    OutputStream os = httpExchange.getResponseBody();
                    FileInputStream fs = new FileInputStream(file);
                    final byte[] buffer = new byte[0x10000];
                    int count = 0;
                    while ((count = fs.read(buffer)) >= 0) {
                        os.write(buffer,0,count);
                    }
                    fs.close();
                    os.close();
                }
            }
        });
        server.setExecutor(null); // creates a default executor
        server.start();
    }
}

alert.js 可以像

alert("I'm from inner file!");
console.log("I'm from inner file!");

图像是任何 jpg 图像

项目结构（对我们来说有 src 和 assets 文件夹）：

运行 main 方法并转到http://localhost:8080/main

一切都应该正常工作。

注意Java 代码中的一件事您应该更改 - 文件系统中的路径。

PS基于http://www.microhowto.info/howto/serve_web_pages_using_an_embedded_http_server_in_java.html

从http服务器响应资源的正确方法

问题描述

1 个解决方案

解决方案1
0 2020-02-13 12:52:16

从http服务器响应资源的正确方法

问题描述

1 个解决方案

解决方案1 0 2020-02-13 12:52:16

解决方案1
0 2020-02-13 12:52:16